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

[dark theme] fix PE styles for IE

Browse source
This commit is contained in:
Maxim Kadushkin 2021-02-16 11:36:00 +03:00
parent f9c52cb252
commit 8847c328a6
7 changed files with 21 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
apps/presentationeditor/main/resources/less/document-preview.less
View file

@ -3,6 +3,7 @@
} }
.preview-controls { .preview-controls {
display: table; display: table;
background: @background-toolbar-ie;
background: @background-toolbar; background: @background-toolbar;
height: 35px; height: 35px;
z-index: 10; z-index: 10;

2
apps/presentationeditor/main/resources/less/layout.less
View file

@ -2,6 +2,7 @@ body {
width: 100%; width: 100%;
height: 100%; height: 100%;
.user-select(none); .user-select(none);
color: @text-normal-ie;
color: @text-normal; color: @text-normal;
&.safari { &.safari {
@ -50,6 +51,7 @@ label {
top:0; top:0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background-color: @background-toolbar-ie;
background-color: @background-toolbar; background-color: @background-toolbar;
overflow: hidden; overflow: hidden;
} }

10
apps/presentationeditor/main/resources/less/leftmenu.less
View file

@ -5,7 +5,9 @@
border-right: 0 none; border-right: 0 none;
&.move { &.move {
border-left: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-left: @scaled-one-px-value solid @border-toolbar; border-left: @scaled-one-px-value solid @border-toolbar;
border-right: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-right: @scaled-one-px-value solid @border-toolbar; border-right: @scaled-one-px-value solid @border-toolbar;
opacity: 0.4; opacity: 0.4;
} }
@ -20,6 +22,7 @@
top: 0; top: 0;
position: absolute; position: absolute;
z-index: @zindex-dropdown - 5; z-index: @zindex-dropdown - 5;
background-color: @background-toolbar-ie;
background-color: @background-toolbar; background-color: @background-toolbar;
overflow: hidden; overflow: hidden;
} }
@ -57,11 +60,13 @@
margin-bottom: 3px; margin-bottom: 3px;
&:hover { &:hover {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover; background-color: @highlight-button-hover;
} }
&.active { &.active {
outline: 0; outline: 0;
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed; background-color: @highlight-button-pressed;
> a { > a {
@ -115,6 +120,7 @@
.panel-context { .panel-context {
width: 100%; width: 100%;
padding-left: 260px; padding-left: 260px;
background-color: @background-normal-ie;
background-color: @background-normal; background-color: @background-normal;
.content-box { .content-box {
@ -259,6 +265,7 @@
&:hover, &:hover,
&.over { &.over {
background-color: @background-toolbar-ie;
background-color: @background-toolbar; background-color: @background-toolbar;
} }
@ -300,6 +307,7 @@
} }
.dataview { .dataview {
border-right: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-right: @scaled-one-px-value solid @border-toolbar; border-right: @scaled-one-px-value solid @border-toolbar;
& > div:not([class^=ps-scrollbar]) { & > div:not([class^=ps-scrollbar]) {
@ -314,10 +322,12 @@
&:not(.header-name) { &:not(.header-name) {
&:hover, &:hover,
&.over { &.over {
background-color: @background-toolbar-ie;
background-color: @background-toolbar; background-color: @background-toolbar;
} }
&.selected { &.selected {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed; background-color: @highlight-button-pressed;
color: @dropdown-link-active-color; color: @dropdown-link-active-color;
} }

3
apps/presentationeditor/main/resources/less/rightmenu.less
View file

@ -21,9 +21,11 @@
.combo-dataview-menu { .combo-dataview-menu {
.form-control { .form-control {
cursor: pointer; cursor: pointer;
background-color: @background-normal-ie;
background-color: @background-normal; background-color: @background-normal;
&.text { &.text {
background: @background-normal-ie;
background: @background-normal; background: @background-normal;
vertical-align: bottom; vertical-align: bottom;
} }
@ -92,6 +94,7 @@
&:hover, &:hover,
&.over { &.over {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover; background-color: @highlight-button-hover;
.caret { .caret {

1
apps/presentationeditor/main/resources/less/statusbar.less
View file

@ -167,6 +167,7 @@
height: 12px; height: 12px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
border: @scaled-one-px-value-ie solid @border-toolbar-ie;
border: @scaled-one-px-value solid @border-toolbar; border: @scaled-one-px-value solid @border-toolbar;
} }

3
apps/presentationeditor/main/resources/less/toolbar.less
View file

@ -29,6 +29,7 @@
&:hover, &:hover,
&.selected { &.selected {
.layout > div:first-child { .layout > div:first-child {
.box-shadow(0 0 0 2px @highlight-button-pressed-ie);
.box-shadow(0 0 0 2px @highlight-button-pressed); .box-shadow(0 0 0 2px @highlight-button-pressed);
} }
} }
@ -96,7 +97,9 @@
#special-paste-container { #special-paste-container {
position: absolute; position: absolute;
z-index: @zindex-dropdown - 20; z-index: @zindex-dropdown - 20;
background-color: @background-toolbar-ie;
background-color: @background-toolbar; background-color: @background-toolbar;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control; border: @scaled-one-px-value solid @border-regular-control;
} }

1
apps/presentationeditor/main/resources/less/variables.less
View file

@ -1,5 +1,6 @@
// Paths // Paths
// ------------------------- // -------------------------
@header-background-color-ie: @toolbar-header-presentation-ie;
@header-background-color: var(--toolbar-header-presentation); @header-background-color: var(--toolbar-header-presentation);
// Grays // Grays