diff --git a/src/runtime/less/ts-icons.less b/src/runtime/less/ts-icons.less index 52f1f6129..0fc4637d1 100644 --- a/src/runtime/less/ts-icons.less +++ b/src/runtime/less/ts-icons.less @@ -1,399 +1,401 @@ @import 'ts-variables.less'; i { - .ts-mixin-icon(); - position: relative; - top: 0; - &:before { - position: relative; - } - svg { - &, - a, - defs, - g, - glyph, - marker, - mask, - missing-glyph, - pattern, - switch, - symbol, - circle, - ellipse, - image, - line, - path, - polygon, - polyline, - rect, - text, - use { - fill: currentColor; - } - } - &.ts-icon { - svg { - margin-top: 0 - 50%; - } - } + .ts-mixin-icon(); + position: relative; + top: 0; + &:before { + position: relative; + } + svg { + &, + a, + defs, + g, + glyph, + marker, + mask, + missing-glyph, + pattern, + switch, + symbol, + circle, + ellipse, + image, + line, + path, + polygon, + polyline, + rect, + text, + use { + fill: currentColor; + } + } + &.ts-icon { + svg { + margin-top: 0 - 50%; + } + } } .ts-icon-logo-trade:before { - content: 'K'; + content: 'K'; } .ts-icon-logo-shift:before { - content: 'L'; + content: 'L'; } .ts-icon-logo-t1:before { - content: 'M'; + content: 'M'; } .ts-icon-logo-t2:before { - content: 'N'; + content: 'N'; } .ts-icon-discovery:before { - content: 'E'; + content: 'E'; } .ts-icon-activity:before { - content: 'f'; + content: 'f'; } .ts-icon-todo:before { - content: 'q'; + content: 'q'; } .ts-icon-network:before { - content: 'G'; + content: 'G'; } .ts-icon-createdocument:before { - content: 'P'; + content: 'P'; } .ts-icon-alldocuments:before { - content: 'j'; + content: 'j'; } .ts-icon-document:before { - content: ';'; + content: ';'; } .ts-icon-sales:before { - content: 'X'; + content: 'X'; } .ts-icon-purchases:before { - content: '$'; + content: '$'; } .ts-icon-cart:before { - content: '$'; + content: '$'; } .ts-icon-drafts:before { - content: 'F'; + content: 'F'; } .ts-icon-apps:before { - content: 'a'; + content: 'a'; } .ts-icon-usersettings:before { - content: 'U'; + content: 'U'; } .ts-icon-settings:before { - content: 'y'; + content: 'y'; } .ts-icon-companyprofile:before { - content: 'H'; + content: 'H'; } .ts-icon-logout:before { - content: 'Q'; + content: 'Q'; } .ts-icon-support:before { - content: '?'; + content: '?'; } -.ts-icon-checked:before, .ts-icon-accept:before, .ts-icon-done:before { - content: '3'; +.ts-icon-checked:before, +.ts-icon-accept:before, +.ts-icon-done:before { + content: '3'; } .ts-icon-checked-alt:before { - content: '2'; + content: '2'; } .ts-icon-remove:before { - content: 'D'; + content: 'D'; } .ts-icon-add:before { - content: '&'; + content: '&'; } .ts-icon-close:before { - content: '*'; + content: '*'; } .ts-icon-location:before { - content: '@'; + content: '@'; } .ts-icon-addfilter:before { - content: 'k'; + content: 'k'; } .ts-icon-followed:before { - content: 'S'; + content: 'S'; } .ts-icon-unfollowed:before { - content: '5'; + content: '5'; } .ts-icon-search:before { - content: 's'; + content: 's'; } .ts-icon-statuschange:before { - content: '1'; + content: '1'; } .ts-icon-edit:before { - content: 'p'; + content: 'p'; } .ts-icon-rating:before { - content: 'r'; + content: 'r'; } .ts-icon-share:before { - content: 'R'; + content: 'R'; } .ts-icon-industry:before { - content: 'z'; + content: 'z'; } .ts-icon-showpicker:before { - content: '6'; + content: '6'; } .ts-icon-warning:before { - content: '!'; + content: '!'; } .ts-icon-timer:before { - content: 't'; + content: 't'; } .ts-icon-comment:before { - content: 'w'; + content: 'w'; } .ts-icon-more:before { - content: '+'; + content: '+'; } .ts-icon-users:before { - content: 'g'; + content: 'g'; } .ts-icon-ownership:before { - content: '\00a7'; + content: '\00a7'; } .ts-icon-companysize:before { - content: 'g'; + content: 'g'; } .ts-icon-view:before { - content: 'I'; + content: 'I'; } .ts-icon-reject:before { - content: 'd'; + content: 'd'; } .ts-icon-dispute:before { - content: '\05C'; + content: '\05C'; } .ts-icon-menuswitch:before { - content: 'l'; + content: 'l'; } .ts-icon-calendar:before { - content: '\00a9'; + content: '\00a9'; } .ts-icon-select:before { - content: '}'; + content: '}'; } .ts-icon-delete:before { - content: '#'; + content: '#'; } .ts-icon-cancel:before { - content: 'd'; + content: 'd'; } .ts-icon-info:before { - content: 'i'; + content: 'i'; } .ts-icon-forums:before { - content: 'i'; + content: 'i'; } .ts-icon-addfield:before { - content: ','; + content: ','; } .ts-icon-fileaccess:before { - content: '/'; + content: '/'; } .ts-icon-error:before { - content: '!'; + content: '!'; } .ts-icon-appactivate:before { - content: '&'; + content: '&'; } .ts-icon-appactive:before { - content: '3'; + content: '3'; } .ts-icon-fileattach:before { - content: 'A'; + content: 'A'; } .ts-icon-reset:before { - content: 'n'; + content: 'n'; } .ts-icon-send:before { - content: 'm'; + content: 'm'; } .ts-icon-save:before { - content: 'e'; + content: 'e'; } .ts-icon-proceed:before { - content: '>'; + content: '>'; } .ts-icon-back:before { - content: '<'; + content: '<'; } .ts-icon-download:before { - content: 'B'; + content: 'B'; } .ts-icon-broadcastmessage:before { - content: 'b'; + content: 'b'; } .ts-icon-insertfrominventory:before { - content: '|'; + content: '|'; } .ts-icon-triangleright:before { - content: '6'; + content: '6'; } .ts-icon-triangleleft:before { - content: '8'; + content: '8'; } .ts-icon-triangleup:before { - content: '9'; + content: '9'; } .ts-icon-triangledown:before { - content: '7'; + content: '7'; } .ts-icon-arrowright:before { - content: '>'; + content: '>'; } .ts-icon-arrowleft:before { - content: '<'; + content: '<'; } .ts-icon-arrowup:before { - content: 'u'; + content: 'u'; } .ts-icon-arrowdown:before { - content: 'v'; + content: 'v'; } .ts-icon-preview:before { - content: 'o'; + content: 'o'; } .ts-icon-locked:before { - content: 'V'; + content: 'V'; } .ts-icon-unlocked:before { - content: 'W'; + content: 'W'; } .ts-icon-next:before { - content: '>'; + content: '>'; } .ts-icon-approve:before { - content: '3'; + content: '3'; } .ts-icon-code:before { - content: 'C'; + content: 'C'; } .ts-icon-halt:before { - content: 'h'; + content: 'h'; } .ts-icon-pay:before { - content: '_'; + content: '_'; } .ts-icon-other:before { - content: 'O'; + content: 'O'; } .ts-icon-myapps:before { - content: 'Y'; + content: 'Y'; } .ts-icon-companyevent:before { - content: 'c'; + content: 'c'; } .ts-icon-split:before { - content: '%'; + content: '%'; } .ts-icon-split-alt:before { - content: '\00f7'; + content: '\00f7'; } .ts-icon-merge:before { - content: 'J'; + content: 'J'; } .ts-icon-associated:before { - content: '='; + content: '='; } .ts-icon-radio:before { - content: '{'; + content: '{'; } .ts-icon-radioon:before { - content: ':'; + content: ':'; } .ts-icon-checkbox:before { - content: "'"; + content: "'"; } .ts-icon-checkboxon:before { - content: '"'; + content: '"'; } .ts-icon-checkbox-indeterminate:before { - content: '\2260'; + content: '\2260'; } .ts-icon-written-request:before { - content: '('; + content: '('; } .ts-icon-categories:before { - content: ')'; + content: ')'; } .ts-icon-favorites:before { - content: '\2265'; + content: '\2265'; } .ts-icon-heart:before { - content: '\2265'; + content: '\2265'; } .ts-icon-preferred:before { - content: '\222B'; + content: '\222B'; } .ts-icon-pin:before { - content: '\222B'; + content: '\222B'; } .ts-icon-previously-requested:before { - content: '\221E'; + content: '\221E'; } .ts-icon-archive:before { - content: '\00f7'; + content: '\00f7'; } .ts-icon-add-to-archive:before { - content: '\2205'; + content: '\2205'; } .ts-icon-collaboration:before { - content: '\2122'; + content: '\2122'; } .ts-icon-add-current-object:before { - content: '\00ae'; + content: '\00ae'; } .ts-icon-forward:before { - content: '\2264'; + content: '\2264'; } .ts-icon-question:before { - content: '\2020'; + content: '\2020'; } .ts-icon-phone:before { - content: '\2202'; + content: '\2202'; } .ts-icon-box:before { - content: '\2030'; + content: '\2030'; } .ts-icon-users-assign:before { - content: '\02DD'; + content: '\02DD'; } .ts-icon-users-add:before { - content: '\005D'; + content: '\005D'; } .ts-icon-users-remove:before { - content: '\0060'; + content: '\0060'; } .ts-icon-tools:before { - content: 'á'; + content: 'á'; } .ts-icon-basket:before { - content: '^'; + content: '^'; } .ts-icon-erp:before { - content: 'è'; + content: 'è'; } .ts-icon-upload:before { - content: "↑"; + content: '↑'; } .ts-icon-ada:before { - content: "Â"; + content: 'Â'; } // Fixes ....................................................................... @@ -402,186 +404,227 @@ i { .ts-icon-done:before, .ts-icon-approve:before, .ts-icon-appactive:before { - left: 1px; - top: 0.5px; + left: 1px; + top: 0.5px; } .ts-icon-activity:before { - left: 1px; + left: 1px; } .ts-icon-alldocuments:before { - left: 1px; - top: -1px; + left: 1px; + top: -1px; } .ts-icon-broadcastmessage:before { - left: 0.75px; - top: -0.25px; + left: 0.75px; } .ts-icon-arrowdown:before, .ts-icon-arrowleft:before, .ts-icon-back:before, .ts-icon-arrowright:before, .ts-icon-arrowup:before { - top: -1px; + top: -1px; } -.ts-icon-arrowright:before, .ts-icon-next:before { - left: 1px; +.ts-icon-arrowright:before, +.ts-icon-next:before { + left: 1px; } .ts-icon-arrowup:before { - left: 0.5px; + left: 0.5px; } .ts-icon-associated:before { - top: -1px; - left: -1px; + top: -1px; + left: -1px; } -.ts-icon-code:before, .ts-icon-view:before { - left: 1px; +.ts-icon-code:before, +.ts-icon-view:before { + left: 0.5px; } .ts-icon-comment:before, .ts-icon-collaboration:before, .ts-icon-companyevent:before, .ts-icon-delete:before { - left: 0.75px; + left: 0.75px; } .ts-icon-triangledown:before { - left: 0.25px; - top: 2px; + left: 0.25px; + top: 2px; } .ts-icon-triangleleft:before { - left: -1px; - top: -0.5px; + left: -1px; + top: -0.5px; } -.ts-icon-triangleright:before, .ts-icon-showpicker:before { - left: 1px; - top: -0.5px; +.ts-icon-triangleright:before, +.ts-icon-showpicker:before { + left: 1px; + top: -0.5px; } .ts-icon-triangleup:before { - left: 0.5px; + left: 0.5px; } .ts-icon-todo:before { - left: 2px; + left: 2px; +} +.ts-icon-radio:before { + left: 0.25px; + top: -1.25px; } -.ts-icon-radio:before, .ts-icon-radioon:before { - left: 0.5px; +.ts-icon-radioon:before { + left: 0.25px; + top: -0.25px; } .ts-icon-industry:before { - top: -1px; - left: 1px; + top: -1px; + left: 1px; +} +.ts-icon-document:before { + left: 1.25px; +} +.ts-icon-drafts:before, +.ts-icon-info:before, +.ts-icon-locked:before, +.ts-icon-location:before, +.ts-icon-logout:before, +.ts-icon-merge:before, +.ts-icon-myapps:before, +.ts-icon-other:before, +.ts-icon-ownership:before, +.ts-icon-pay:before, +.ts-icon-pin:before, +.ts-icon-preferred:before { + left: 1px; +} +.ts-icon-favorites:before, +.ts-icon-heart:before { + top: 1px; + left: 1px; +} +.ts-icon-halt:before { + left: 1.25px; + top: -1.5px; } // WebKit (Safari AND Chrome) .................................................. .ts-engine-webkit { - .ts-icon-close:before { - top: -1px; - left: 0.25px; - } - .ts-icon-addfilter:before { - top: 2px; - left: 0.5px; - } - .ts-icon-appactivate:before, - .ts-icon-companysize:before, - .ts-icon-createdocument:before, - .ts-icon-dispute:before, - .ts-icon-users:before { - left: 1px; - } - .ts-icon-discovery:before { - left: 0.5px; - } - .ts-icon-checkbox:before, - .ts-icon-checkboxon:before, - .ts-icon-rating:before, - .ts-icon-followed:before .ts-icon-unfollowed:before { - top: -1px; - left: 1px; - } - .ts-icon-checked-alt:before { - left: 1px; - } - .ts-icon-remove:before, .ts-icon-more:before { - left: 0.5px; - } - .ts-icon-warning:before, .ts-icon-error:before { - left: 1px; - } - .ts-icon-settings:before { - top: 0.5px; - left: 0.5px; - } - .ts-icon-usersettings:before { - top: -1px; - left: 0.5px; - } + .ts-icon-close:before, + .ts-icon-remove:before { + top: -1px; + left: 0.25px; + } + .ts-icon-addfilter:before { + top: 2px; + left: 0.5px; + } + .ts-icon-appactivate:before, + .ts-icon-companysize:before, + .ts-icon-createdocument:before, + .ts-icon-dispute:before, + .ts-icon-users:before { + left: 1px; + } + .ts-icon-discovery:before { + left: 0.5px; + } + .ts-icon-checkbox:before, + .ts-icon-checkboxon:before, + .ts-icon-rating:before, + .ts-icon-followed:before .ts-icon-unfollowed:before { + top: -1px; + left: 1px; + } + .ts-icon-checked-alt:before { + left: 1px; + } + .ts-icon-more:before { + left: 0.5px; + } + .ts-icon-warning:before, + .ts-icon-error:before { + left: 1px; + } + .ts-icon-settings:before { + top: 0.5px; + left: 0.5px; + } + .ts-icon-usersettings:before { + top: -1px; + left: 0.5px; + } } // Firefox ..................................................................... .ts-engine-gecko { - .ts-icon-close:before { - top: -1.75px; - left: 0.85px; - } - .ts-icon-remove:before { - top: 1px; - } - .ts-icon-menuswitch:before { - top: 1px; - } - .ts-icon-addfield:before { - left: 0.25px; - top: 0.25px; - } - .ts-icon-addfilter:before { - top: 1px; - } - .ts-icon-appactivate:before { - left: 1px; - top: -1px; - } - .ts-icon-companysize:before, .ts-icon-users:before { - left: 2px; - } - .ts-icon-checkbox:before, .ts-icon-checkboxon:before { - top: -2px; - left: 1px; - } - .ts-icon-createdocument:before { - left: 0.75px; - top: -0.75px; - } - .ts-icon-checked-alt:before { - left: 0.75px; - } - .ts-icon-download:before { - left: 1px; - } - .ts-icon-drafts:before { - left: 0.1px; - top: -0.5px; - } - .ts-icon-rating:before, .ts-icon-followed:before, .ts-icon-unfollowed:before { - left: 1px; - top: -1.25px; - } - .ts-icon-remove:before, .ts-icon-more:before { - top: -1px; - left: 0.5px; - } - .ts-icon-warning:before, .ts-icon-error:before { - left: 1px; - top: -1px; - } - .ts-icon-usersettings:before { - top: -2px; - left: 0.25px; - } + .ts-icon-close:before { + top: -1.75px; + left: 0.85px; + } + .ts-icon-remove:before { + top: 1px; + } + .ts-icon-menuswitch:before { + top: 1px; + } + .ts-icon-addfield:before { + left: 0.25px; + top: 0.25px; + } + .ts-icon-addfilter:before { + top: 1px; + } + .ts-icon-appactivate:before { + left: 1px; + top: -1px; + } + .ts-icon-companysize:before, + .ts-icon-users:before { + left: 2px; + } + .ts-icon-checkbox:before, + .ts-icon-checkboxon:before { + top: -2px; + left: 1px; + } + .ts-icon-createdocument:before { + left: 0.75px; + top: -0.75px; + } + .ts-icon-checked-alt:before { + left: 0.75px; + } + .ts-icon-download:before { + left: 1px; + } + .ts-icon-drafts:before { + left: 0.1px; + top: -0.5px; + } + .ts-icon-rating:before, + .ts-icon-followed:before, + .ts-icon-unfollowed:before { + left: 1px; + top: -1.25px; + } + .ts-icon-remove:before, + .ts-icon-more:before { + top: -1px; + left: 0.5px; + } + .ts-icon-warning:before, + .ts-icon-error:before { + left: 1px; + top: -1px; + } + .ts-icon-usersettings:before { + top: -2px; + left: 0.25px; + } } // Exploder .................................................................... .ts-engine-explorer { - .ts-icon-close:before { - top: -2px; - } + .ts-icon-close:before { + top: -2px; + } }