Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[dark theme] fix common styles for IE

Browse source
This commit is contained in:
Maxim Kadushkin 2021-02-16 10:21:22 +03:00
parent 6c5710506b
commit fcdb2ee898
46 changed files with 453 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
apps/common/main/lib/util/utils.js
View file

@ -154,6 +154,7 @@ Common.Utils = _.extend(new(function() {
me.zoom = 1;
me.innerWidth = window.innerWidth;
me.innerHeight = window.innerHeight;
if ( isIE ) $(document.body).addClass('ie');
checkSize();
$(window).on('resize', checkSize);

1
apps/common/main/resources/img/toolbar/1.5x/big/.css.handlebars
View file

@ -12,6 +12,7 @@
}
.toolbar__icon.toolbar__icon-big {
background-size: 56px auto;
background-size: var(--big-icon-background-image-width) auto;
}
{{/spritesheet}}

1
apps/common/main/resources/img/toolbar/1.5x/huge/.css.handlebars
View file

@ -1,5 +1,6 @@
{{#spritesheet}}
.options__icon.options__icon-huge {
background-size: 80px auto;
background-size: var(--huge-icon-background-image-width) auto;
}
{{/spritesheet}}

7
apps/common/main/resources/img/toolbar/1x/.css.handlebars
View file

@ -3,6 +3,9 @@
&.active, &:active {
&:not(:disabled):not(.disabled) {
.toolbar__icon {
@btn-active-icon-offset: 0;
background-position-x: @btn-active-icon-offset;
background-position-x: var(--button-small-active-icon-offset-x, 0);
}
}
@ -10,6 +13,7 @@
}
.menu__icon {
.no-checkmark.checked & {
background-position-x: 0;
background-position-x: @menu-icon-item-checked-offset-x;
}
}
@ -19,6 +23,9 @@
{{/spritesheet}}
{{#sprites}}
{{#parselang name}}.{{name}}{{/parselang}} {
@btn-icon-offset: 0;
background-position: @btn-icon-offset {{px.offset_y}};
background-position: var(--button-small-normal-icon-offset-x, 0) {{px.offset_y}};
}
{{/sprites}}

5
apps/common/main/resources/img/toolbar/1x/big/.css.handlebars
View file

@ -4,6 +4,7 @@
&.active, &:active {
&:not(:disabled):not(.disabled) {
.toolbar__icon {
background-position-x: 0;
background-position-x: var(--button-huge-active-icon-offset-x,0);
}
}
@ -13,6 +14,7 @@
&.active, &:active {
&:not(:disabled):not(.disabled) {
.toolbar__icon.toolbar__icon-big {
background-position-x: 0;
background-position-x: var(--button-huge-active-icon-offset-x,0);
}
}
@ -29,6 +31,7 @@
{{#parselang name}}.x-huge .{{name}}{{/parselang}},
.toolbar__icon-big.{{name}}
{
background-position: var(--button-huge-normal-icon-offset-x,0) {{px.offset_y}};
background-position: 0 {{px.offset_y}};
background-position: var(--button-huge-normal-icon-offset-x,0) {{px.offset_y}};
}
{{/sprites}}

6
apps/common/main/resources/less/about.less
View file

@ -23,6 +23,7 @@
margin: 0 30px;
font: 12px Tahoma;
letter-spacing: 1px;
color: @text-normal-ie;
color: @text-normal;
font-weight: bold;
white-space: nowrap;
@ -30,11 +31,13 @@
.asc-about-version {
font: 15px Tahoma;
color: @text-tertiary-ie;
color: @text-tertiary;
}
.asc-about-companyname {
font: bold 15px Tahoma;
color: @text-normal-ie;
color: @text-normal;
}
@ -43,10 +46,12 @@
&.asc-about-desc-name,
&.asc-about-lic {
font: 12px Tahoma;
color: @text-normal-ie;
color: @text-normal;
}
&.asc-about-desc-name {
color: @text-normal-ie;
color: @text-normal;
white-space: pre;
}
@ -59,6 +64,7 @@
a {
font: 12px Tahoma;
color: @text-normal-ie;
color: @text-normal;
}

64
apps/common/main/resources/less/buttons.less
View file

@ -4,7 +4,9 @@
.btn {
border-radius: 1px;
color: @text-normal-ie;
color: @text-normal;
border-width: @scaled-one-px-value-ie;
border-width: @scaled-one-px-value;
.btnsize(@value) {
@ -44,10 +46,12 @@
&:focus {
outline: 0;
outline-offset: 0;
color: @text-normal-ie;
color: @text-normal;
}
&:hover {
color: @text-normal-ie;
color: @text-normal;
}
@ -59,6 +63,7 @@
.caret {
width: 4px;
height: 4px;
border: solid 1px @icon-normal-ie;
border: solid 1px @icon-normal;
border-bottom: none;
border-right: none;
@ -104,6 +109,7 @@
&::after {
content: ' ';
position: absolute;
border: 1px solid @icon-notification-badge-ie;
border: 1px solid @icon-notification-badge;
border-left: 0 none;
border-right: 0 none;
@ -119,6 +125,7 @@
width: 10px;
height: 7px;
bottom: 2px;
background-color: @background-notification-badge-ie;
background-color: @background-notification-badge;
border-radius: 2px;
right: 0;
@ -135,6 +142,7 @@
width: 8px;
height: 8px;
background-color: transparent;
border: solid 1px @text-normal-ie;
border: solid 1px @text-normal;
border-bottom: none;
border-right: none;
@ -167,6 +175,7 @@
&.active:not(.disabled) {
.caret-up, .caret-down {
&::after {
border-color: @background-normal-ie;
border-color: @background-normal;
}
}
@ -296,6 +305,7 @@
.btn.small;
&.bg-white {
background-color: @background-normal-ie;
background-color: @background-normal;
}
@ -307,13 +317,16 @@
&:hover:not(.disabled),
.over:not(.disabled) {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
&:active:not(.disabled),
&.active:not(.disabled) {
color: @text-normal-ie;
color: @text-normal;
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
}
@ -373,6 +386,7 @@
height: 3px;
background-color: red;
&.bordered {
border: 1px solid @border-regular-control-ie;
border: 1px solid @border-regular-control;
}
@ -395,12 +409,15 @@
&:hover:not(.disabled),
.over:not(.disabled) {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
&:active:not(.disabled),
&.active:not(.disabled) {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
color: @text-normal-pressed-ie;
color: @text-normal-pressed;
}
@ -512,6 +529,7 @@
&.over:not(.disabled),
&.open {
box-shadow: inset 0 0 0 1px @highlight-button-hover-ie;
box-shadow: inset 0 0 0 1px @highlight-button-hover;
button:not(.active):not(.btn-text-split-default) {
@ -523,12 +541,14 @@
button {
&:not(.active) {
&:hover {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
}
&:active,
&:active:hover {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
}
}
@ -537,6 +557,7 @@
&.open {
> button:not(.active) {
&:last-of-type {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
}
}
@ -547,6 +568,7 @@
}
button.active:not(.disabled) {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
}
@ -559,7 +581,9 @@
.btn-color {
width: 45px;
height: 22px;
padding: @scaled-one-px-value-ie 11px @scaled-one-px-value-ie @scaled-one-px-value-ie;
padding: @scaled-one-px-value 11px @scaled-one-px-value @scaled-one-px-value;
border:@scaled-one-px-value-ie solid @border-regular-control-ie;
border:@scaled-one-px-value solid @border-regular-control;
.border-radius(@border-radius-small);
@ -567,6 +591,7 @@
float: left;
width: 100%;
height: 100%;
border: @scaled-one-px-value-ie solid @border-color-shading-ie;
border: @scaled-one-px-value solid @border-color-shading;
background-color: transparent;
}
@ -582,6 +607,7 @@
.over,
&:active,
&.active {
background: @background-normal-ie !important;
background: @background-normal !important;
.box-shadow(none) !important;
}
@ -593,6 +619,7 @@
.color-transparent {
&:before {
border-right: @scaled-one-px-value-ie solid red;
border-right: @scaled-one-px-value solid red;
height: 34px;
transform: translate(16px, -9px) rotate(62deg);
@ -612,7 +639,9 @@
li > a.selected,
li > a:hover {
span.color-auto {
outline: @scaled-one-px-value-ie solid @border-regular-control-ie;
outline: @scaled-one-px-value solid @border-regular-control;
border: @scaled-one-px-value-ie solid @background-normal-ie;
border: @scaled-one-px-value solid @background-normal;
}
}
@ -627,6 +656,7 @@
background-color: transparent;
&.bg-white {
background-color: @background-normal-ie;
background-color: @background-normal;
}
@ -641,16 +671,19 @@
background-repeat: no-repeat;
}
box-shadow: inset 0 0 0 @scaled-one-px-value-ie @border-regular-control-ie;
box-shadow: inset 0 0 0 @scaled-one-px-value @border-regular-control;
.border-radius(@border-radius-small);
&:hover,
&.over {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
&:active,
&.active {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
}
}
@ -658,7 +691,9 @@
.btn-text-default {
width: 75px;
height: 22px;
background: @background-normal-ie;
background: @background-normal;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
.border-radius(@border-radius-small);
@ -670,13 +705,17 @@
&:hover:not(.disabled),
.over:not(.disabled) {
background-color: @highlight-button-hover-ie !important;
background-color: @highlight-button-hover !important;
}
&:active:not(.disabled),
&.active:not(.disabled) {
background-color: @highlight-button-pressed-ie !important;
background-color: @highlight-button-pressed !important;
border-color: @highlight-button-pressed-ie;
border-color: @highlight-button-pressed;
color: @text-normal-pressed-ie;
color: @text-normal-pressed;
}
@ -689,7 +728,9 @@
.btn-text-menu-default {
width: 100%;
height: 22px;
background: @background-normal-ie;
background: @background-normal;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
.border-radius(@border-radius-small);
@ -705,11 +746,13 @@
&:hover:not(.disabled),
.over:not(.disabled) {
background-color: @highlight-button-hover-ie !important;
background-color: @highlight-button-hover !important;
}
&:active:not(.disabled),
&.active:not(.disabled) {
background-color: @highlight-button-pressed-ie !important;
background-color: @highlight-button-pressed !important;
color: white;
}
@ -723,7 +766,9 @@
.btn-text-split-default {
width: 75px;
height: 22px;
background: @background-normal-ie;
background: @background-normal;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
.border-radius(@border-radius-small);
@ -737,13 +782,17 @@
&:hover:not(.disabled),
.over:not(.disabled) {
background-color: @highlight-button-hover-ie !important;
background-color: @highlight-button-hover !important;
}
&:active:not(.disabled),
&.active:not(.disabled) {
background-color: @highlight-button-pressed-ie !important;
background-color: @highlight-button-pressed !important;
border-color: @highlight-button-pressed-ie;
border-color: @highlight-button-pressed;
color: @text-normal-pressed-ie;
color: @text-normal-pressed;
}
@ -756,7 +805,9 @@
.btn-icon-default {
width: 45px;
height: 22px;
background: @background-normal-ie;
background: @background-normal;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
.border-radius(@border-radius-small);
@ -775,11 +826,13 @@
&:hover:not(.disabled),
.over:not(.disabled) {
background-color: @highlight-button-hover-ie !important;
background-color: @highlight-button-hover !important;
}
&:active:not(.disabled),
&.active:not(.disabled) {
background-color: @highlight-button-pressed-ie !important;
background-color: @highlight-button-pressed !important;
}
@ -796,7 +849,9 @@
padding: 2px;
margin:0;
box-shadow: none;
background-color: @background-normal-ie;
background-color: @background-normal;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
.border-radius(@border-radius-small);
@ -822,6 +877,7 @@
margin-right: 3px;
background-color: transparent;
background-repeat: no-repeat;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
position: relative;
}
@ -836,6 +892,7 @@
.over,
&:active,
&.active {
background-color: @background-normal-ie !important;
background-color: @background-normal !important;
}
@ -858,22 +915,29 @@
.dlg-btn {
font-weight: bold;
width: 86px;
color: @text-normal-ie;
color: @text-normal;
background-color: @background-normal-ie;
background-color: @background-normal;
border: 1px solid @border-regular-control-ie;
border: 1px solid @border-regular-control;
&:hover:not(.disabled),
&.hover:not(.disabled) {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
&.primary {
color: @text-inverse-ie;
color: @text-inverse;
background-color: @background-primary-dialog-button-ie;
background-color: @background-primary-dialog-button;
border: 0 none;
&:hover:not(.disabled),
&.hover:not(.disabled) {
background-color: @highlight-primary-dialog-button-hover-ie;
background-color: @highlight-primary-dialog-button-hover;
}
}

1
apps/common/main/resources/less/calendar.less
View file

@ -1,3 +1,4 @@
@calendar-bg-color: @header-background-color-ie;
@calendar-bg-color: @header-background-color;
.calendar-window {

6
apps/common/main/resources/less/chat.less
View file

@ -11,6 +11,7 @@
.area {
position: absolute;
border-bottom: 1px solid @border-toolbar-ie;
border-bottom: 1px solid @border-toolbar;
overflow: hidden;
}
@ -57,6 +58,7 @@
margin: 0 5px 3px 0;
width: 12px;
height: 12px;
border: 1px solid @border-toolbar-ie;
border: 1px solid @border-toolbar;
}
@ -101,6 +103,7 @@
}
.user-name {
color: @text-normal-ie;
color: @text-normal;
font-size: 12px;
font-weight: bold;
@ -112,6 +115,7 @@
.color {
width: 12px;
height: 12px;
border: 1px solid @border-toolbar-ie;
border: 1px solid @border-toolbar;
margin: 0 5px 3px 0;
vertical-align: middle;
@ -143,10 +147,12 @@
height: 100%;
resize: none;
margin-bottom: 5px;
border: 1px solid @border-regular-control-ie;
border: 1px solid @border-regular-control;
font-size: 12px;
&:focus {
border-color: @border-preview-select-ie;
border-color: @border-preview-select;
}
}

5
apps/common/main/resources/less/checkbox.less
View file

@ -12,7 +12,9 @@
+ label {
width: 14px;
height: 14px;
background: @background-normal-ie;
background: @background-normal;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
border-radius: 2px;
position: absolute;
@ -25,6 +27,7 @@
&::before {
content: '';
position: absolute;
border: 2px solid @text-normal-ie;
border: @scaled-two-px-value solid @text-normal;
border-top: 0 none;
border-left: 0 none;
@ -41,7 +44,9 @@
&::before {
content: '';
position: absolute;
border: @scaled-one-px-value-ie solid @text-normal-ie;
border: @scaled-one-px-value solid @text-normal;
background: @icon-normal-ie;
background: @icon-normal;
width: 8px;
height: 8px;

6
apps/common/main/resources/less/colorpalette.less
View file

@ -7,6 +7,7 @@
&:hover,
&.selected {
.box-shadow(0 0 0 @scaled-one-px-value-ie @highlight-button-pressed-ie);
.box-shadow(0 0 0 @scaled-one-px-value @highlight-button-pressed);
}
}
@ -26,6 +27,7 @@
padding: 10px;
.palette-color-item {
padding: 0;
border: @scaled-one-px-value-ie solid @background-normal-ie;
border: @scaled-one-px-value solid @background-normal;
display: inline-block;
text-decoration: none;
@ -43,13 +45,16 @@
width: 12px;
cursor: pointer;
display: block;
border: @scaled-one-px-value-ie solid @border-color-shading-ie;
border: @scaled-one-px-value solid @border-color-shading;
}
}
&:hover, &.selected {
border-color: @icon-normal-ie;
border-color: @icon-normal;
em span {
border-color: @background-normal-ie;
border-color: @background-normal;
}
}
@ -57,6 +62,7 @@
.color-transparent {
em span {
border:solid @scaled-one-px-value-ie @border-color-shading-ie;
border:solid @scaled-one-px-value @border-color-shading;
}
}

63
apps/common/main/resources/less/colors-table-ie-fix.less Normal file
View file

@ -0,0 +1,63 @@
@toolbar-header-document-ie: #446995;
@toolbar-header-spreadsheet-ie: #40865c;
@toolbar-header-presentation-ie: #aa5252;
@background-normal-ie: #fff;
@background-toolbar-ie: #f7f7f7;
@background-toolbar-additional-ie: #efefef;
@background-primary-dialog-button-ie: #444;
@background-tab-underline-ie: #444;
@background-notification-popover-ie: #fcfed7;
@background-notification-badge-ie: #ffd112;
@background-scrim-ie: fade(#000, 20%);
@background-loader-ie: fade(#181818, 90%);
@highlight-button-hover-ie: #e0e0e0;
@highlight-button-pressed-ie: #ccc;
@highlight-button-pressed-hover-ie: #bababa;
@highlight-primary-dialog-button-hover-ie: #2b2b2b;
@highlight-header-button-hover-ie: fade(#fff, 20%);
@highlight-header-button-pressed-ie: fade(#fff, 25%);
@highlight-toolbar-tab-underline-ie: #444;
@highlight-text-select-ie: #3494fb;
@border-toolbar-ie: #cbcbcb;
@border-divider-ie: #dfdfdf;
@border-regular-control-ie: #c0c0c0;
@border-toolbar-button-hover-ie: #e0e0e0;
@border-preview-select-ie: #aaa;
@border-control-focus-ie: #848484;
@border-color-shading-ie: fade(#000, 10%);
@border-error-ie: #f62211;
@text-normal-ie: fade(#000, 80%);
@text-normal-pressed-ie: fade(#000, 80%);
@text-secondary-ie: fade(#000, 60%);
@text-tertiary-ie: fade(#000, 40%);
@text-link-ie: #445799;
@text-inverse-ie: #fff;
@text-toolbar-header-ie: #fff;
@text-contrast-background-ie: #fff;
@icon-normal-ie: #444;
@icon-normal-pressed-ie: #444;
@icon-inverse-ie: #fff;
@icon-toolbar-header-ie: #fff;
@icon-notification-badge-ie: #000;
@icon-contrast-popover-ie: #fff;
@icon-success-ie: #090;
@button-header-normal-icon-offset-x-ie: -20px;
@button-header-active-icon-offset-x-ie: -20px;
@scaled-one-px-value-ie: 1px;
.ie {
.toolbar__icon.toolbar__icon-big {
@big-icon-background-image-ie: ~"url(@{app-image-const-path}/iconsbig.png)";
background-image: @big-icon-background-image-ie;
}
}
//@huge-icon-background-image-ie: ~"url(@{app-image-const-path}/iconshuge.png)";

1
apps/common/main/resources/less/colors-table.less
View file

@ -1,3 +1,4 @@
@import "./colors-table-ie-fix.less";
// Brand colors
// -------------------------

16
apps/common/main/resources/less/combo-dataview.less
View file

@ -10,7 +10,9 @@
width: @combo-dataview-width;
height: 100%;
.border-radius(@border-radius-small);
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
background-color: @background-normal-ie;
background-color: @background-normal;
.dataview {
@ -24,7 +26,9 @@
button {
border-radius:0 @border-radius-small @border-radius-small 0;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
background-color: @background-normal-ie;
background-color: @background-normal;
&.dropdown-toggle {
@ -44,6 +48,7 @@
}
.dropdown-menu {
border-color: @border-regular-control-ie;
border-color: @border-regular-control;
border-top-right-radius: 0;
border-top-left-radius: 2px;
@ -85,19 +90,24 @@
.item {
padding: 3px;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
.box-shadow(none);
@minus-px-ie: -1px;
@minus-px: calc(-1px / @pixel-ratio-factor);
margin: 0 @minus-px-ie @minus-px-ie 0;
margin: 0 @minus-px @minus-px 0;
height: @combo-dataview-height;
&:hover {
.box-inner-shadow(0 0 0 2px @border-regular-control-ie);
.box-inner-shadow(0 0 0 @scaled-two-px-value @border-regular-control);
}
&.selected {
.box-inner-shadow(0 0 0 2px @border-preview-select-ie);
.box-inner-shadow(0 0 0 @scaled-two-px-value @border-preview-select);
}
}
@ -129,6 +139,7 @@
width: auto;
position: relative;
border: none;
.box-shadow(0 0 0 @scaled-one-px-value-ie @background-normal-ie);
.box-shadow(0 0 0 @scaled-one-px-value @background-normal);
> div {
@ -152,6 +163,7 @@
width: 8px;
height: 8px;
background-color: transparent;
border: solid 1px @icon-normal-ie;
border: solid 1px @icon-normal;
border-bottom: none;
border-right: none;
@ -201,6 +213,7 @@
&.disabled {
.item {
&:hover:not(.selected) {
.box-shadow(0 0 0 @scaled-one-px-value-ie @border-regular-control-ie);
.box-shadow(0 0 0 @scaled-one-px-value @border-regular-control);
}
}
@ -251,6 +264,7 @@
.item {
&:hover {
.box-shadow(0 0 0 @scaled-one-px-value-ie @border-regular-control-ie);
.box-shadow(0 0 0 @scaled-one-px-value @border-regular-control);
}
}
@ -278,12 +292,14 @@
.item {
margin-left: 4px;
.box-shadow(0 0 0 @scaled-one-px-value-ie @border-regular-control-ie);
.box-shadow(0 0 0 @scaled-one-px-value @border-regular-control);
}
&.disabled {
.item {
&:hover:not(.selected) {
.box-shadow(0 0 0 @scaled-one-px-value-ie @border-regular-control-ie);
.box-shadow(0 0 0 @scaled-one-px-value @border-regular-control);
}
}

10
apps/common/main/resources/less/combobox.less
View file

@ -40,6 +40,7 @@
.btn {
border-left: 0;
border-color: @border-regular-control-ie;
border-color: @border-regular-control;
background-color: transparent;
margin-left: -1px;
@ -50,7 +51,9 @@
.btn-default:not(.disabled),
&.open .dropdown-toggle.btn-default {
background-color: @background-normal-ie;
background-color: @background-normal;
border-color: @border-regular-control-ie;
border-color: @border-regular-control;
padding-right: 4px;
}
@ -58,6 +61,7 @@
.btn-default.disabled {
&:hover, &:focus {
background-color: transparent;
border-color: @border-regular-control-ie;
border-color: @border-regular-control;
}
}
@ -65,6 +69,7 @@
&.input-group-nr.open:not(.no-highlighted) {
& > .form-control,
& > .btn {
border-color: @border-control-focus-ie;
border-color: @border-control-focus;
.caret {
@ -76,6 +81,7 @@
&.input-group-nr:not(.no-highlighted) > .form-control {
&:focus,
&:focus ~ button.dropdown-toggle {
border-color: @border-control-focus-ie;
border-color: @border-control-focus;
}
}
@ -86,15 +92,18 @@
}
&.selected {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
a {
color: @text-normal-pressed-ie;
color: @text-normal-pressed;
&:hover,
&.hover,
&:focus,
&.focus {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
}
}
@ -150,6 +159,7 @@
&.input-group-nr:not(.no-highlighted) {
& > .form-control,
& > .btn {
border-color: @border-control-focus-ie;
border-color: @border-control-focus;
}
}

20
apps/common/main/resources/less/comments.less
View file

@ -14,6 +14,7 @@
right: 0;
bottom: 45px;
height: 300px;
border-bottom: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-bottom: @scaled-one-px-value solid @border-toolbar;
&.stretch {
@ -32,9 +33,11 @@
text-align: center;
label {
color: @text-normal-ie;
color: @text-normal;
font: 12px arial;
line-height: normal;
border-bottom: @scaled-one-px-value-ie dotted @text-normal-ie;
border-bottom: @scaled-one-px-value dotted @text-normal;
padding-top: 12px;
outline: none;
@ -58,9 +61,11 @@
width: 100%;
resize: none;
margin-bottom: 5px;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
height: 100%;
&:focus {
border-color: @border-control-focus-ie;
border-color: @border-control-focus;
}
}
@ -83,6 +88,7 @@
line-height: normal;
position: relative;
overflow: hidden;
color: @border-preview-select-ie;
color: @border-preview-select;
textarea {
@ -90,11 +96,14 @@
height: 50px;
resize: none;
margin-bottom: 5px;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
word-break: break-all;
line-height: 15px;
color: @text-normal-ie;
color: @text-normal;
&:focus {
border-color: @border-control-focus-ie;
border-color: @border-control-focus;
}
}
@ -109,6 +118,7 @@
}
.separator-cmt {
border-bottom: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-bottom: @scaled-one-px-value solid @border-toolbar;
margin: 20px 0px 0px 0px;
}
@ -119,6 +129,7 @@
}
.user-name {
color: @text-normal-ie;
color: @text-normal;
font-size: 12px;
font-weight: bold;
@ -133,6 +144,7 @@
.color {
width: 12px;
height: 12px;
border: @scaled-one-px-value-ie solid @border-toolbar-ie;
border: @scaled-one-px-value solid @border-toolbar;
margin: 0 5px 3px 0;
vertical-align: middle;
@ -170,6 +182,7 @@
font-style: italic;
margin-top: 10px;
padding: 0px 5px 5px 5px;
border-left: @scaled-one-px-value-ie solid #939393;
border-left: @scaled-one-px-value solid #939393;
word-break: break-all;
white-space: pre-wrap;
@ -177,6 +190,7 @@
}
.user-message {
color: @text-normal-ie;
color: @text-normal;
padding: 9px 0px 0 0px;
white-space: pre-wrap;
@ -200,10 +214,12 @@
}
.user-reply {
color: @text-normal-ie;
color: @text-normal;
margin-top: 10px;
white-space: pre-wrap;
width: auto;
border-bottom: @scaled-one-px-value-ie dotted @text-normal-ie;
border-bottom: @scaled-one-px-value dotted @text-normal;
height: 16px;
cursor: pointer;
@ -270,6 +286,7 @@
&:after {
content: '';
position: absolute;
border: solid @text-normal-ie;
border: solid @text-normal;
border-width: 0 2px 2px 0;
transform: rotate(40deg);
@ -281,6 +298,7 @@
&.comment-resolved {
&:after {
border-color: @icon-success-ie;
border-color: @icon-success;
}
}
@ -420,12 +438,14 @@
left: 2px;
width: 15px;
height: 15px;
background-color: @background-normal-ie;
background-color: @background-normal;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border: solid @scaled-one-px-value-ie @border-toolbar-ie;
border: solid @scaled-one-px-value @border-toolbar;
}
}

19
apps/common/main/resources/less/common.less
View file

@ -1,5 +1,6 @@
label {
&.link {
border-bottom: @scaled-one-px-value-ie dotted @text-secondary-ie;
border-bottom: @scaled-one-px-value dotted @text-secondary;
cursor: pointer;
@ -9,6 +10,7 @@ label {
}
&.link-solid {
border-bottom: @scaled-one-px-value-ie solid @text-secondary-ie;
border-bottom: @scaled-one-px-value solid @text-secondary;
cursor: pointer;
@ -46,6 +48,7 @@ label {
overflow: hidden;
.tool-menu-btns {
border-right: @scaled-one-px-value-ie solid @border-regular-control-ie;
border-right: @scaled-one-px-value solid @border-regular-control;
}
}
@ -53,7 +56,9 @@ label {
&.right {
.tool-menu-btns {
//position: absolute;
border-left: @scaled-one-px-value-ie solid @border-regular-control-ie;
border-left: @scaled-one-px-value solid @border-regular-control;
background-color: @background-toolbar-ie;
background-color: @background-toolbar;
right: 0;
overflow: hidden;
@ -76,6 +81,7 @@ label {
.left-panel {
padding-left: 40px;
height: 100%;
border-right: @scaled-one-px-value-ie solid @border-regular-control-ie;
border-right: @scaled-one-px-value solid @border-regular-control;
#left-panel-chat {
@ -94,17 +100,21 @@ label {
padding: 0 10px 0 15px;
position: relative;
overflow: hidden;
border-left: @scaled-one-px-value-ie solid @border-regular-control-ie;
border-left: @scaled-one-px-value solid @border-regular-control;
line-height: 15px;
}
.statusbar {
height: 25px;
background-color: @background-toolbar-ie;
background-color: @background-toolbar;
.box-inner-shadow(0 @scaled-one-px-value-ie 0 @border-regular-control-ie);
.box-inner-shadow(0 @scaled-one-px-value 0 @border-regular-control);
.status-label {
font-weight: bold;
color: @text-normal-ie;
color: @text-normal;
white-space: nowrap;
}
@ -118,12 +128,15 @@ label {
.panel-menu {
width: 260px;
float: left;
border-right: @scaled-one-px-value-ie solid @border-regular-control-ie;
border-right: @scaled-one-px-value solid @border-regular-control;
background-color: @background-toolbar-ie;
background-color: @background-toolbar;
}
.flex-settings {
&.bordered {
border-bottom: @scaled-one-px-value-ie solid @border-regular-control-ie;
border-bottom: @scaled-one-px-value solid @border-regular-control;
}
overflow: hidden;
@ -182,6 +195,7 @@ label {
width: 100%;
resize: none;
margin-bottom: 5px;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
height: 100%;
@ -194,13 +208,16 @@ label {
.dropdown-menu {
> li > a {
color: @text-normal-ie;
color: @text-normal;
}
}
textarea {
background-color: @background-normal-ie;
background-color: @background-normal;
color: @text-normal
color: @text-normal-ie;
color: @text-normal;
}
.btn-edit-table,

6
apps/common/main/resources/less/dataview.less
View file

@ -9,6 +9,7 @@
text-align: center;
height: 100%;
width: 100%;
color: @text-tertiary-ie;
color: @text-tertiary;
td {
padding: 5px;
@ -22,10 +23,12 @@
margin: 4px;
cursor: pointer;
.box-shadow(0 0 0 @scaled-one-px-value-ie @border-regular-control-ie);
.box-shadow(0 0 0 @scaled-one-px-value @border-regular-control);
&:hover,
&.selected {
.box-shadow(0 0 0 2px @border-preview-select-ie);
.box-shadow(0 0 0 @scaled-two-px-value @border-preview-select);
}
}
@ -58,10 +61,12 @@
opacity: 0.5;
}
.box-shadow(0 0 0 @scaled-one-px-value-ie @border-regular-control-ie);
.box-shadow(0 0 0 @scaled-one-px-value @border-regular-control);
&:hover:not(.disabled),
&.selected:not(.disabled) {
.box-shadow(0 0 0 2px @highlight-button-pressed-ie);
.box-shadow(0 0 0 @scaled-two-px-value @highlight-button-pressed);
}
}
@ -75,6 +80,7 @@
}
&.bordered {
border: @scaled-one-px-value-ie solid @input-border;
border: @scaled-one-px-value solid @input-border;
.border-radius(@border-radius-small);
}

12
apps/common/main/resources/less/dropdown-menu.less
View file

@ -3,8 +3,11 @@
}
.dropdown-menu {
background-color: @background-normal-ie;
background-color: @background-normal;
border-color: @border-regular-control-ie;
border-color: @border-regular-control;
border-width: @scaled-one-px-value-ie;
border-width: @scaled-one-px-value;
&.scrollable-menu {
@ -34,6 +37,7 @@
& > a {
padding: 5px 20px;
cursor: pointer;
color: @text-normal-ie;
color: @text-normal;
&:focus, &.focus {
@ -47,17 +51,22 @@
}
&:hover {
color: @text-normal-pressed-ie;
color: @text-normal-pressed;
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
}
&.over > a {
text-decoration: none;
color: @text-normal-pressed-ie;
color: @text-normal-pressed;
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
&:after {
border-left-color: @icon-normal-pressed-ie;
border-left-color: @icon-normal-pressed;
}
}
@ -94,6 +103,7 @@
.no-checkmark.checked {
.menu-item-icon {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
border-radius: 2px;
}
@ -123,7 +133,9 @@
}
.divider {
height: @scaled-one-px-value-ie;
height: @scaled-one-px-value;
background-color: @border-divider-ie;
background-color: @border-divider;
}
}

1
apps/common/main/resources/less/dropdown-submenu.less
View file

@ -23,6 +23,7 @@
border-color: transparent;
border-style: solid;
border-width: 3px 0 3px 3px;
border-left-color: @icon-normal-ie;
border-left-color: @icon-normal;
margin-top: 5px;
margin-right: -10px;

1
apps/common/main/resources/less/extended-color-picker.less
View file

@ -37,6 +37,7 @@
width: 63px;
height: 20px;
background-color: transparent;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
&.top {

17
apps/common/main/resources/less/header.less
View file

@ -29,6 +29,7 @@
.toolbar {
.extra {
svg.icon {
fill: @icon-toolbar-header-ie;
fill: @icon-toolbar-header;
}
@ -57,11 +58,13 @@
}
label {
color: @text-toolbar-header-ie;
color: @text-toolbar-header;
}
.dropdown-menu {
label {
color: @text-normal-ie;
color: @text-normal;
}
}
@ -70,12 +73,14 @@
.btn-header {
&:hover {
&:not(.disabled):not(.icon) {
background-color: @highlight-header-button-hover-ie;
background-color: @highlight-header-button-hover;
}
}
&:active, &.active {
&:not(.disabled):not(.icon) {
background-color: @highlight-header-button-pressed-ie;
background-color: @highlight-header-button-pressed;
}
}
@ -98,6 +103,7 @@
min-width: 50px;
text-align: center;
color: @text-toolbar-header-ie;
color: @text-toolbar-header;
background-color: transparent;
border: 0 none;
@ -109,6 +115,7 @@
white-space: nowrap;
&.locked {
text-decoration: none;
color: @border-preview-select-ie;
color: @border-preview-select;
cursor: default;
}
@ -179,6 +186,7 @@
padding: 0;
&.icon--inverse {
background-position-x: @button-header-normal-icon-offset-x-ie;
background-position-x: @button-header-normal-icon-offset-x;
}
}
@ -247,6 +255,7 @@
}
label {
color: @text-normal-ie;
color: @text-normal;
}
@ -281,6 +290,7 @@
}
.user-name {
color: @text-normal-ie;
color: @text-normal;
font-size: 12px;
font-weight: bold;
@ -320,6 +330,7 @@
position: relative;
&.icon--inverse {
background-position-x: @button-header-normal-icon-offset-x-ie;
background-position-x: @button-header-normal-icon-offset-x;
}
}
@ -328,7 +339,7 @@
&:active, &.active {
.icon.toolbar__icon {
&.icon--inverse {
background-position-x: @button-header-active-icon-offset-x;
background-position-x: @button-header-active-icon-offset-x-ie;
}
}
}
@ -353,6 +364,7 @@
&:hover {
&:not(.disabled) {
background-color: @highlight-header-button-hover-ie;
background-color: @highlight-header-button-hover;
}
}
@ -371,9 +383,11 @@
}
#box-document-title {
background-color: @header-background-color-ie;
background-color: @header-background-color;
display: flex;
height: 100%;
color: @text-toolbar-header-ie;
color: @text-toolbar-header;
position: relative;
@ -382,6 +396,7 @@
}
svg.icon {
fill: @icon-toolbar-header-ie;
fill: @icon-toolbar-header;
&.icon-save {

15
apps/common/main/resources/less/history.less
View file

@ -1,5 +1,6 @@
#history-box {
position: relative;
border-right: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-right: @scaled-one-px-value solid @border-toolbar;
}
@ -10,6 +11,7 @@
top: 0;
right: 0;
overflow: hidden;
border-bottom: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-bottom: @scaled-one-px-value solid @border-toolbar;
#history-btn-back {
@ -21,6 +23,7 @@
cursor: pointer;
&:hover {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
}
@ -33,6 +36,7 @@
bottom: 0;
right: 0;
overflow: hidden;
border-top: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-top: @scaled-one-px-value solid @border-toolbar;
#history-btn-expand {
@ -44,6 +48,7 @@
cursor: pointer;
&:hover {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
}
@ -64,14 +69,17 @@
&:hover:not(.selected),
&.over {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
&.selected {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
.user-name,
.user-date {
color: @text-normal-pressed-ie;
color: @text-normal-pressed;
}
@ -83,6 +91,7 @@
.history-item-wrap {
padding: 10px 2px 15px 20px;
color: @text-normal-ie;
color: @text-normal;
text-overflow: ellipsis;
@ -99,11 +108,14 @@
display: inline-block;
max-width: 60px;
height: 18px;
color: @highlight-button-pressed-ie;
color: @highlight-button-pressed;
font-size: 10px;
white-space: nowrap;
overflow: hidden;
color: @text-tertiary-ie;
color: @text-tertiary;
background-color: @background-normal-ie;
background-color: @background-normal;
text-align: center;
padding: 1px 5px;
@ -124,6 +136,7 @@
.color {
width: 12px;
height: 12px;
border: @scaled-one-px-value-ie solid @border-toolbar-ie;
border: @scaled-one-px-value solid @border-toolbar;
margin: 0 5px 3px 0;
vertical-align: middle;
@ -144,7 +157,9 @@
}
.revision-restore {
color: @text-normal-ie;
color: @text-normal;
border-bottom: @scaled-one-px-value-ie dotted @text-normal-ie;
border-bottom: @scaled-one-px-value dotted @text-normal;
height: 16px;
margin-top: 5px;

6
apps/common/main/resources/less/hsb-colorpicker.less
View file

@ -8,6 +8,7 @@
width: 22px;
height: 22px;
float: left;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
background-image: none;
background-position: 0 -206px;
@ -22,6 +23,7 @@
}
.color-text {
color: @text-normal-ie;
color: @text-normal;
height: 22px;
padding: 4px 32px;
@ -34,6 +36,7 @@
width: 195px;
height: 196px;
position: relative;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
background-position: 0 0;
}
@ -49,6 +52,7 @@
width: 10px;
height: 100%;
position: relative;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
background-position: -195px 0;
}
@ -70,6 +74,7 @@
}
.empty-color {
color: @text-normal-ie;
color: @text-normal;
height: 16px;
margin: 5px 0;
@ -91,6 +96,7 @@
height: 10px;
margin-right: 5px;
margin-top: 1px;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
}
}

9
apps/common/main/resources/less/input.less
View file

@ -1,13 +1,17 @@
.form-control {
.border-radius(@border-radius-small);
.box-shadow(none);
color: @text-normal-ie;
color: @text-normal;
.user-select(text);
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
background-color: @background-normal-ie;
background-color: @background-normal;
&:focus {
border-color: @border-control-focus-ie;
border-color: @border-control-focus;
outline: 0;
.box-shadow(none);
@ -16,11 +20,13 @@
.form-control[readonly] {
cursor: pointer;
background-color: @background-normal-ie;
background-color: @background-normal;
}
.form-control[disabled] {
cursor: default;
background-color: @background-normal-ie;
background-color: @background-normal;
.user-select(none);
}
@ -102,7 +108,9 @@ input[type="password"] {
}
input[type="text"]::selection, textarea::selection {
background: @highlight-text-select-ie;
background: @highlight-text-select;
color: @text-inverse-ie;
color: @text-inverse;
}
@ -115,6 +123,7 @@ textarea.form-control:focus {
.select-button {
position: absolute;
right: @scaled-one-px-value-ie;
right: @scaled-one-px-value;
> .btn-toolbar {

2
apps/common/main/resources/less/language-dialog.less
View file

@ -23,9 +23,11 @@ li {
&:before {
display: none;
}
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
&, &:hover, &:focus {
color: @text-normal-pressed-ie;
color: @text-normal-pressed;
}
}

5
apps/common/main/resources/less/layout.less
View file

@ -17,6 +17,7 @@
.layout-resizer {
z-index: @zindex-dropdown - 10;
background: @background-toolbar-ie;
background: @background-toolbar;
border: 0 none;
@ -36,7 +37,9 @@
cursor: row-resize;
&.move {
border-top: solid @scaled-one-px-value-ie @border-toolbar-ie;
border-top: solid @scaled-one-px-value @border-toolbar;
border-bottom: solid @scaled-one-px-value-ie @border-toolbar-ie;
border-bottom: solid @scaled-one-px-value @border-toolbar;
}
}
@ -53,7 +56,9 @@
cursor: col-resize;
&.move {
border-left: solid @scaled-one-px-value-ie @border-toolbar-ie;
border-left: solid @scaled-one-px-value @border-toolbar;
border-right: solid @scaled-one-px-value-ie @border-toolbar-ie;
border-right: solid @scaled-one-px-value @border-toolbar;
}
}

13
apps/common/main/resources/less/listview.less
View file

@ -1,4 +1,5 @@
.listview {
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
.border-radius(@border-radius-small);
line-height: 15px;
@ -14,6 +15,7 @@
text-align: center;
width: 100%;
height: 100%;
color: @text-tertiary-ie;
color: @text-tertiary;
td {
padding: 5px;
@ -22,6 +24,7 @@
}
&:not(.no-focus):focus {
border-color: @border-preview-select-ie;
border-color: @border-preview-select;
}
@ -32,26 +35,36 @@
cursor: pointer;
white-space: pre-wrap;
background-color: @background-normal-ie;
background-color: @background-normal;
border-color: @border-regular-control-ie;
border-color: @border-regular-control;
border-style: solid;
border-width: @scaled-one-px-value-ie 0;
border-width: @scaled-one-px-value 0;
border-top-color: transparent;
}
&:not(.disabled) > .item {
&:hover {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
border-color: @highlight-button-hover-ie;
border-color: @highlight-button-hover;
border-style: solid;
border-width: @scaled-one-px-value-ie 0;
border-width: @scaled-one-px-value 0;
}
&.selected {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
color: @text-normal-pressed-ie;
color: @text-normal-pressed;
border-color: @highlight-button-pressed-ie;
border-color: @highlight-button-pressed;
border-style: solid;
border-width: @scaled-one-px-value-ie 0;
border-width: @scaled-one-px-value 0;
}
}

3
apps/common/main/resources/less/loadmask.less
View file

@ -22,7 +22,9 @@
line-height: @loadmask-image-height;
border: none;
background-image: none;
background-color: @background-loader-ie;
background-color: @background-loader;
color: @text-contrast-background-ie;
color: @text-contrast-background;
.border-radius(@border-radius-large);
@ -52,6 +54,7 @@
.left-panel & {
line-height: @loadmask-small-image-height;
background-color: transparent;
color: @text-normal-ie;
color: @text-normal;
padding: 8px;
top: 78px;

2
apps/common/main/resources/less/masked-field.less
View file

@ -1,10 +1,12 @@
.masked-field {
text-align: right;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
border-radius: 2px;
padding: 0 3px;
&:focus {
border-color: @border-preview-select-ie;
border-color: @border-preview-select;
}
}

13
apps/common/main/resources/less/multislider-gradient.less
View file

@ -12,18 +12,23 @@
left: 2px;
width: 9px;
height: 9px;
background-color: @background-normal-ie;
background-color: @background-normal;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-top: solid @scaled-one-px-value-ie @border-regular-control-ie;
border-top: solid @scaled-one-px-value @border-regular-control;
border-left: solid @scaled-one-px-value-ie @border-regular-control-ie;
border-left: solid @scaled-one-px-value @border-regular-control;
border-radius: 0 3px;
box-sizing: content-box;
.thumb-top-inner {
border-top: solid @scaled-one-px-value-ie @background-normal-ie;
border-top: solid @scaled-one-px-value @background-normal;
border-left: solid @scaled-one-px-value-ie @background-normal-ie;
border-left: solid @scaled-one-px-value @background-normal;
height: 100%;
}
@ -35,12 +40,15 @@
left: 1px;
width: 10px;
height: 9px;
background-color: @background-normal-ie;
background-color: @background-normal;
border: solid @scaled-one-px-value-ie @border-regular-control-ie;
border: solid @scaled-one-px-value @border-regular-control;
border-top: none;
border-radius: 2px;
box-sizing: content-box;
.thumb-bottom-inner {
border: solid @scaled-one-px-value-ie @border-regular-control-ie;
border: solid @scaled-one-px-value @border-regular-control;
border-top: none;
height: 100%;
@ -49,10 +57,13 @@
&.active {
.thumb-top {
border-top: solid @scaled-one-px-value-ie @border-regular-control-ie;
border-top: solid @scaled-one-px-value @border-regular-control;
border-left: solid @scaled-one-px-value-ie @border-regular-control-ie;
border-left: solid @scaled-one-px-value @border-regular-control;
}
.thumb-bottom {
border: solid @scaled-one-px-value-ie @border-control-focus-ie;
border: solid @scaled-one-px-value @border-control-focus;
border-top: none;
}
@ -80,7 +91,9 @@
// filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
background-position: 0 0;
outline: @scaled-one-px-value-ie solid @border-control-focus-ie;
outline: @scaled-one-px-value solid @border-control-focus;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
cursor: copy;
}

2
apps/common/main/resources/less/opendialog.less
View file

@ -43,6 +43,7 @@
height: 110px !important;
position:relative;
overflow:hidden;
border: @border-regular-control-ie solid @scaled-one-px-value-ie;
border: @border-regular-control solid @scaled-one-px-value;
}
@ -59,6 +60,7 @@
td {
padding: 1px 8px 1px 0;
border-right: @border-regular-control-ie solid @scaled-one-px-value-ie;
border-right: @border-regular-control solid @scaled-one-px-value;
min-width: 30px;
height: 17px;

4
apps/common/main/resources/less/plugins.less
View file

@ -26,10 +26,12 @@
&:hover,
&.over {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
&.selected {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
color: #fff;
}
@ -82,6 +84,7 @@
width: 100%;
height: 38px;
padding: 10px 12px;
border-bottom: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-bottom: @scaled-one-px-value solid @border-toolbar;
label {
@ -118,6 +121,7 @@
width: 100%;
height: 100%;
opacity: 0.4;
background-color: @background-toolbar-ie;
background-color: @background-toolbar;
z-index: @zindex-tooltip + 1;
}

3
apps/common/main/resources/less/radiobox.less
View file

@ -18,7 +18,9 @@
width: 14px;
height: 14px;
background: @background-normal-ie;
background: @background-normal;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
border-radius: 50%;
}
@ -28,6 +30,7 @@
&::before {
content: '';
position: absolute;
background: @text-normal-ie;
background: @text-normal;
border-radius: 50%;
width: 8px;

12
apps/common/main/resources/less/scroller.less
View file

@ -11,12 +11,14 @@
}
.ps-scrollbar-x {
background-color: @background-toolbar-ie;
background-color: @background-toolbar;
&.always-visible-x {
bottom: 0px;
height: 9px;
background-color: @background-toolbar-ie;
background-color: @background-toolbar;
background-image: data-uri('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAuSURBVChTY6AfOH/+/H9SaSYQg1RAlqZhCT5+/AgOSlJoOgY50DqSNZJhEwMDACkvNZLpune5AAAAAElFTkSuQmCC');
background-repeat: no-repeat;
@ -31,6 +33,7 @@
background-position: center 0;
.border-radius(2px);
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
-o-transition: background-color .5s 0 linear;
-webkit-transition: background-color .5s 0 linear;
@ -43,6 +46,7 @@
.hover {
.ps-scrollbar-x {
&.always-visible-x {
background-color: @border-regular-control-ie;
background-color: @border-regular-control;
background-position: center -7px;
}
@ -52,7 +56,9 @@
&.in-scrolling {
.ps-scrollbar-x {
&.always-visible-x {
background-color: @border-regular-control-ie;
background-color: @border-regular-control;
border-color: @border-regular-control-ie;
border-color: @border-regular-control;
background-position: center -7px;
}
@ -72,12 +78,14 @@
}
.ps-scrollbar-y {
background-color: @background-toolbar-ie;
background-color: @background-toolbar;
&.always-visible-y {
right: 0px;
width: 9px;
background-color: @background-toolbar-ie;
background-color: @background-toolbar;
.background-ximage('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAQAAAAz1Zf0AAAAIUlEQVR42mNgAILz/0GQAQo+/gdBBqLAqE5ydH5k+sgEANHgUH2JtDRHAAAAAElFTkSuQmCC',
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaAgMAAADZOtQaAAAACVBMVEUAAADPz8/x8fFVrc9qAAAAAXRSTlMAQObYZgAAABZJREFUeNpjYAgNYOBaxcDEgAsMLXkA/sUJfm1m4l8AAAAASUVORK5CYII=', 14px);
@ -85,6 +93,7 @@
background-repeat: no-repeat;
background-position: 0 center;
.border-radius(2px);
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
-o-transition: background-color .5s 0 linear;
-webkit-transition: background-color .5s 0 linear;
@ -97,6 +106,7 @@
.hover {
.ps-scrollbar-y {
&.always-visible-y {
background-color: @border-regular-control-ie;
background-color: @border-regular-control;
background-position: -7px center;
}
@ -106,7 +116,9 @@
&.in-scrolling {
.ps-scrollbar-y {
&.always-visible-y {
background-color: @border-regular-control-ie;
background-color: @border-regular-control;
border-color: @border-regular-control-ie;
border-color: @border-regular-control;
background-position: -7px center;
}

2
apps/common/main/resources/less/separator.less
View file

@ -9,6 +9,7 @@
.separator {
display: inline-block;
position: inherit;
border-left: @scaled-one-px-value-ie solid @border-divider-ie;
border-left: @scaled-one-px-value solid @border-divider;
vertical-align: top;
padding: 0;
@ -20,6 +21,7 @@
border-left: none;
border-right: none;
border-top: @scaled-one-px-value-ie solid @border-divider-ie;
border-top: @scaled-one-px-value solid @border-divider;
}
}

4
apps/common/main/resources/less/spinner.less
View file

@ -39,7 +39,9 @@
position: absolute;
top: 0;
right: 1px;
border-top: @scaled-one-px-value-ie solid transparent;
border-top: @scaled-one-px-value solid transparent;
border-bottom: @scaled-one-px-value-ie solid transparent;
border-bottom: @scaled-one-px-value solid transparent;
i {
@ -47,6 +49,7 @@
width: 4px;
height: 4px;
border: solid @scaled-one-px-value-ie @icon-normal-ie;
border: solid @scaled-one-px-value @icon-normal;
border-bottom: none;
border-right: none;
@ -58,6 +61,7 @@
}
&:hover {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
}

6
apps/common/main/resources/less/switcher.less
View file

@ -8,6 +8,7 @@
.sw-left {
display: inline-block;
height: 100%;
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
@ -16,6 +17,7 @@
.sw-right {
display: inline-block;
height: 100%;
background-color: @border-regular-control-ie;
background-color: @border-regular-control;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
@ -27,7 +29,9 @@
right: auto;
top: 0;
height: 100%;
background-color: @background-normal-ie;
background-color: @background-normal;
border: 1px solid @highlight-button-pressed-ie;
border: 1px solid @highlight-button-pressed;
border-radius: 3px;
}
@ -43,10 +47,12 @@
cursor: default;
.sw-left {
background-color: @border-regular-control-ie;
background-color: @border-regular-control;
}
.thumb {
border-color: @border-regular-control-ie;
border-color: @border-regular-control;
}
}

6
apps/common/main/resources/less/symboltable.less
View file

@ -7,8 +7,11 @@
.cell{
width: 31px;
height: 33px;
border-right: @scaled-one-px-value-ie solid @border-regular-control-ie;
border-right: @scaled-one-px-value solid @border-regular-control;
border-bottom: @scaled-one-px-value-ie solid @border-regular-control-ie;
border-bottom: @scaled-one-px-value solid @border-regular-control;
background: @background-normal-ie;
background: @background-normal;
align-content: center;
vertical-align: middle;
@ -24,6 +27,7 @@
}
.cell-selected{
background-color: @border-preview-select-ie;
background-color: @border-preview-select;
color: white;
}
@ -33,6 +37,7 @@
width: 100%;
height: 32px;
overflow: hidden;
border: @border-regular-control-ie solid @scaled-one-px-value-ie;
border: @border-regular-control solid @scaled-one-px-value;
}
@ -42,6 +47,7 @@
height: 132px;
position:relative;
overflow:hidden;
border: @border-regular-control-ie solid @scaled-one-px-value-ie;
border: @border-regular-control solid @scaled-one-px-value;
}

4
apps/common/main/resources/less/synchronize-tip.less
View file

@ -99,6 +99,7 @@
.asc-synchronizetip {
padding: 15px 8px 15px 15px;
border-radius: 5px;
background-color: @background-notification-popover-ie;
background-color: @background-notification-popover;
overflow: visible;
@ -123,6 +124,7 @@
position: absolute;
top: 5px;
left: 8px;
background-color: @background-notification-popover-ie;
background-color: @background-notification-popover;
width: 15px;
height: 15px;
@ -141,7 +143,9 @@
}
.show-link label {
border-bottom: @scaled-one-px-value-ie dotted @text-link-ie;
border-bottom: @scaled-one-px-value dotted @text-link;
color: @text-link-ie;
color: @text-link;
cursor: pointer;
}

7
apps/common/main/resources/less/tabbar.less
View file

@ -8,8 +8,11 @@
&.active {
> span, > span:hover, > span:focus {
background-color: @background-normal-ie;
background-color: @background-normal;
color: @text-normal-ie;
color: @text-normal;
border-color: @background-normal-ie;
border-color: @background-normal;
cursor: pointer;
}
@ -21,7 +24,9 @@
> span {
display: inline;
background-color: @background-toolbar-ie;
background-color: @background-toolbar;
color: @text-secondary-ie;
color: @text-secondary;
padding-top: 0;
@ -36,7 +41,9 @@
}
&:hover, &:focus {
background-color: @background-toolbar-ie;
background-color: @background-toolbar;
border-color: @background-toolbar-ie;
border-color: @background-toolbar;
cursor: pointer;
}

7
apps/common/main/resources/less/theme-colorpalette.less
View file

@ -16,6 +16,7 @@
a {
padding: 0;
border: @scaled-one-px-value-ie solid @background-normal-ie;
border: @scaled-one-px-value solid @background-normal;
float: left;
text-decoration: none;
@ -24,24 +25,30 @@
cursor: pointer;
em span {
border: @scaled-one-px-value-ie solid @border-color-shading-ie;
border: @scaled-one-px-value solid @border-color-shading;
}
&:hover, &.selected {
border-color: @icon-normal-ie;
border-color: @icon-normal;
em span {
border-color: @background-normal-ie;
border-color: @background-normal;
}
}
}
.dynamic-empty-color em span {
border:solid @scaled-one-px-value-ie @border-color-shading-ie;
border:solid @scaled-one-px-value @border-color-shading;
background: @background-normal-ie;
background: @background-normal;
}
.color-transparent {
em span {
border:solid @scaled-one-px-value-ie @border-color-shading-ie;
border:solid @scaled-one-px-value @border-color-shading;
}
}

38
apps/common/main/resources/less/toolbar.less
View file

@ -38,6 +38,7 @@
align-items: stretch;
.extra {
background-color: @header-background-color-ie;
background-color: @header-background-color;
}
@ -54,6 +55,7 @@
.tabs {
//flex-grow: 1;
background-color: @header-background-color-ie;
background-color: @header-background-color;
position: relative;
overflow: hidden;
@ -74,10 +76,12 @@
height: 100%;
&:hover {
background-color: @highlight-header-button-hover-ie;
background-color: @highlight-header-button-hover;
}
&.active {
background-color: @background-toolbar-ie;
background-color: @background-toolbar;
}
@ -89,11 +93,13 @@
cursor: default;
font-size: 12px;
text-align: center;
color: @text-toolbar-header-ie;
color: @text-toolbar-header;
}
&.active {
> a {
color: @text-normal-ie;
color: @text-normal;
}
}
@ -125,6 +131,7 @@
}
&.left{
box-shadow: 5px 0 20px 5px @header-background-color-ie;
box-shadow: 5px 0 20px 5px @header-background-color;
&:after {
@ -133,6 +140,7 @@
}
}
&.right{
box-shadow: -5px 0 20px 5px @header-background-color-ie;
box-shadow: -5px 0 20px 5px @header-background-color;
&:after {
@ -191,8 +199,10 @@
/**/
}
background-color: @background-toolbar-ie;
background-color: @background-toolbar;
@minus-px: calc(-1 * @scaled-one-px-value);
.box-inner-shadow(0 -1px @border-toolbar-ie);
.box-inner-shadow(0 @minus-px @border-toolbar);
.group {
@ -251,6 +261,7 @@
}
&.border {
border: 1px solid @border-regular-control-ie;
border: 1px solid @border-regular-control;
.border-radius(1px);
width: 22px;
@ -269,6 +280,7 @@
right: 0;
bottom: 0;
opacity: 0;
background-color: @background-toolbar-ie;
background-color: @background-toolbar;
/* z-index: @zindex-tooltip + 1; */
}
@ -310,6 +322,7 @@
.tabs, .extra {
background-color: transparent;
box-shadow: inset 0 -1px 0 0 @border-regular-control-ie;
box-shadow: inset 0 -1px 0 0 @border-regular-control;
}
@ -324,6 +337,7 @@
&:after {
//transition: opacity .1s;
//transition: bottom .1s;
border-top: @underscore_height solid @text-normal-ie;
border-top: @underscore_height solid @text-normal;
content: '';
position: absolute;
@ -347,6 +361,7 @@
}
> a {
color: @text-normal-ie;
color: @text-normal;
&::after {
@ -373,14 +388,17 @@
.tabs .scroll {
&.left {
box-shadow: 5px 0 20px 5px @background-toolbar-ie;
box-shadow: 5px 0 20px 5px @background-toolbar;
}
&.right {
box-shadow: -5px 0 20px 5px @background-toolbar-ie;
box-shadow: -5px 0 20px 5px @background-toolbar;
}
&:after {
border-color: @text-normal-ie;
border-color: @text-normal;
}
}
@ -392,26 +410,32 @@
}
svg.icon {
fill: @icon-toolbar-header-ie;
fill: @icon-toolbar-header;
}
.caption {
color: @text-normal-ie;
color: @text-normal;
}
&:hover:not(.disabled) {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
&:active, &.active {
&:not(.disabled) {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
svg.icon {
fill: @icon-toolbar-header-ie;
fill: @icon-toolbar-header;
}
.caption {
color: @text-inverse-ie;
color: @text-inverse;
}
}
@ -424,16 +448,19 @@
}
svg.icon {
fill: @icon-toolbar-header-ie;
fill: @icon-toolbar-header;
}
}
#rib-doc-name {
color: @text-normal-ie;
color: @text-normal;
}
&.editor-native-color {
.tabs li:after {
border-color: @header-background-color-ie;
border-color: @header-background-color;
}
}
@ -468,6 +495,7 @@
.btn-toolbar {
&:active {
svg.icon {
fill: @icon-toolbar-header-ie;
fill: @icon-toolbar-header;
}
}
@ -475,14 +503,17 @@
svg.icon {
background-image: none;
fill: @icon-normal-ie;
fill: @icon-normal;
}
&.borders--small {
border-radius: 2px;
background-color: @background-normal-ie;
background-color: @background-normal;
&:not(:active) {
box-shadow: inset 0 0 0 @scaled-one-px-value-ie @border-regular-control-ie;
box-shadow: inset 0 0 0 @scaled-one-px-value @border-regular-control;
}
@ -509,6 +540,7 @@
svg.icon {
display: inline-block;
vertical-align: middle;
fill: @icon-normal-ie;
fill: @icon-normal;
}
@ -517,6 +549,7 @@
}
.item-equation {
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
.equation-icon {
@ -554,6 +587,7 @@
svg.icon {
display: inline-block;
vertical-align: middle;
fill: @icon-normal-ie;
fill: @icon-normal;
}
}
@ -570,6 +604,7 @@
width: 12px;
height: 12px;
margin-right: 2px;
border: @scaled-one-px-value-ie solid @border-color-shading-ie;
border: @scaled-one-px-value solid @border-color-shading;
vertical-align: middle;
}
@ -583,9 +618,11 @@
display: none !important;
}
&, &:hover, &:focus {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
color: @dropdown-link-active-color;
span.color {
border-color: @icon-normal-ie;
border-color: @icon-normal;
}
}
@ -593,6 +630,7 @@
}
.item-equation {
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
.background-ximage-v2('toolbar/math.png', 1500px);
}

5
apps/common/main/resources/less/tooltip.less
View file

@ -15,6 +15,7 @@
&.top-right .tooltip-arrow {
bottom: 1px;
border-width: 5px 5px 0;
border-top-color: @background-normal-ie;
border-top-color: @background-normal;
}
@ -32,15 +33,19 @@
&.bottom-right .tooltip-arrow {
top: 1px;
border-width: 0 5px 5px;
border-bottom-color: @background-normal-ie;
border-bottom-color: @background-normal;
}
}
.tooltip-inner {
font-size: 11px;
background-color: @background-normal-ie;
background-color: @background-normal;
color: @text-normal-ie;
color: @text-normal;
padding: 5px 12px;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
.box-shadow(0 6px 12px rgba(0, 0, 0, 0.175));
background-clip: padding-box;

5
apps/common/main/resources/less/treeview.less
View file

@ -12,6 +12,7 @@
text-align: center;
height: 100%;
width: 100%;
color: @text-tertiary-ie;
color: @text-tertiary;
td {
padding: 5px;
@ -20,6 +21,7 @@
}
&:focus {
border-color: @border-preview-select-ie;
border-color: @border-preview-select;
}
@ -31,10 +33,12 @@
&:hover,
&.over {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
&.selected {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
}
@ -58,6 +62,7 @@
text-overflow: ellipsis;
&.empty {
color: @text-tertiary-ie;
color: @text-tertiary;
font-style: italic;
}

14
apps/common/main/resources/less/window.less
View file

@ -30,7 +30,9 @@
z-index: @zindex-modal-background;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
border-radius: 5px;
background-color: @background-normal-ie;
background-color: @background-normal;
border: solid @scaled-one-px-value-ie @border-toolbar-ie;
border: solid @scaled-one-px-value @border-toolbar;
left: 0;
@ -50,6 +52,7 @@
top: 0;
text-overflow: ellipsis;
color: @text-normal-ie;
color: @text-normal;
text-align: center;
font-size: 12px;
@ -57,7 +60,9 @@
vertical-align: bottom;
line-height: 26px;
background: @background-toolbar-ie;
background: @background-toolbar;
border-bottom: solid @scaled-one-px-value-ie @border-toolbar-ie;
border-bottom: solid @scaled-one-px-value @border-toolbar;
cursor: move;
@ -95,9 +100,12 @@
content: ' ';
position: absolute;
left: calc(7px/@pixel-ratio-factor);
top: @scaled-one-px-value-ie;
top: @scaled-one-px-value;
height: 14px;
width: @scaled-one-px-value-ie;
width: @scaled-one-px-value;
background-color: @icon-normal-ie;
background-color: @icon-normal;
}
@ -116,6 +124,7 @@
line-height: 14px;
font-size: 14px;
font-weight: bold;
color: @text-normal-ie;
color: @text-normal;
opacity: 0.7;
@ -146,6 +155,7 @@
position: absolute;
top: 34px;
width: 100%;
background-color: @background-normal-ie;
background-color: @background-normal;
}
@ -209,9 +219,11 @@
a {
text-decoration: underline;
color: @text-normal-ie;
color: @text-normal;
&:focus, &:hover {
color: @text-normal-ie;
color: @text-normal;
}
}
@ -270,7 +282,9 @@
width: 5px;
height: 5px;
z-index: 1;
background: @background-toolbar-ie;
background: @background-toolbar;
border: @scaled-one-px-value-ie none @border-toolbar-ie;
border: @scaled-one-px-value none @border-toolbar;
&.left {