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

[DE forms] Refactoring theme colors

Browse source
This commit is contained in:
Julia Radzhabova 2021-09-24 00:04:23 +03:00
parent be3a2277c4
commit 9fbce74da0
3 changed files with 13 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
apps/common/forms/resources/less/common.less
View file

@ -78,9 +78,10 @@
@import "../../../../common/main/resources/less/calendar.less"; @import "../../../../common/main/resources/less/calendar.less";
@import "../../../../common/main/resources/less/spinner.less"; @import "../../../../common/main/resources/less/spinner.less";
@toolbarBorderColor: #dbdbdb; @toolbarBorderColor: @border-toolbar-ie;
@toolbarBorderShadowColor: #FAFAFA; @toolbarBorderColor: @border-toolbar;
@toolbarTopColor: #F7F7F7; @toolbarTopColor: @background-toolbar-ie;
@toolbarTopColor: @background-toolbar;
@toolbarFontSize: 12px; @toolbarFontSize: 12px;
@btnColored: #446995; @btnColored: #446995;
@btnActiveColored: #293F59; @btnActiveColored: #293F59;
@ -144,20 +145,7 @@
width: 100%; width: 100%;
height: 48px; height: 48px;
-webkit-box-shadow: inset 0 -1px 0 @toolbarBorderColor, inset 0 1px 0 @toolbarBorderShadowColor; .box-inner-shadow(0 -1px 0 @toolbarBorderColor);
//-moz-box-shadow: inset 0 -1px 0 @toolbarBorderColor, inset 0 1px 0 @toolbarBorderShadowColor;
box-shadow: inset 0 -1px 0 @toolbarBorderColor, inset 0 1px 0 @toolbarBorderShadowColor;
}
&.bottom {
bottom: 0;
left: 0;
width: 100%;
height: 46px;
-webkit-box-shadow: inset 0 1px 0 @toolbarBorderColor, inset 0 2px 0 @toolbarBorderShadowColor;
//-moz-box-shadow: inset 0 1px 0 @toolbarBorderColor, inset 0 2px 0 @toolbarBorderShadowColor;
box-shadow: inset 0 1px 0 @toolbarBorderColor, inset 0 2px 0 @toolbarBorderShadowColor;
} }
.group { .group {
@ -211,27 +199,6 @@
text-overflow: ellipsis; text-overflow: ellipsis;
} }
} }
.separator {
height: 22px;
margin: 0 9px;
border-right: 1px solid @toolbarBorderShadowColor;
border-left: 1px solid @toolbarBorderColor;
}
}
.close {
font-size: 28px;
font-family: Arial, sans-serif;
color: #666666;
opacity: 0.8;
display: block;
line-height: 22px;
&:hover {
opacity: 1;
color: #666666;
}
} }
.margin-right-small { .margin-right-small {
@ -320,9 +287,7 @@
background-origin: content-box; background-origin: content-box;
padding: 1px 0 0 1px; padding: 1px 0 0 1px;
-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.3); .box-shadow(0 0 0 2px rgba(255,255,255,0.3));
-moz-box-shadow: 0 0 0 2px rgba(255,255,255,0.3);
box-shadow: 0 0 0 2px rgba(255,255,255,0.3);
&:hover { &:hover {
opacity: .6; opacity: .6;
@ -579,8 +544,7 @@
.masked { .masked {
background-color: transparent; background-color: transparent;
border-color: transparent; border-color: transparent;
-webkit-box-shadow: none; .box-shadow(none);
box-shadow: none;
} }
#pages { #pages {
@ -604,9 +568,9 @@
padding: 7px 15px; padding: 7px 15px;
border-radius: 5px; border-radius: 5px;
background-color: @background-notification-popover-ie;
background-color: @background-notification-popover; background-color: @background-notification-popover;
-webkit-box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.5); .box-shadow(0 4px 15px -2px rgba(0, 0, 0, 0.5));
box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.5);
font-size: 11px; font-size: 11px;
} }

4
apps/documenteditor/forms/index.html
View file

@ -31,8 +31,8 @@
position: absolute; position: absolute;
height: 48px; height: 48px;
background-color: #F7F7F7; background-color: #F7F7F7;
-webkit-box-shadow: inset 0 -1px 0 #dbdbdb, inset 0 1px 0 #FAFAFA; -webkit-box-shadow: inset 0 -1px 0 #dbdbdb;
box-shadow: inset 0 -1px 0 #dbdbdb, inset 0 1px 0 #FAFAFA; box-shadow: inset 0 -1px 0 #dbdbdb;
} }
.loadmask > .brendpanel > div { .loadmask > .brendpanel > div {

4
apps/documenteditor/forms/index.html.deploy
View file

@ -29,8 +29,8 @@
position: absolute; position: absolute;
height: 48px; height: 48px;
background-color: #F7F7F7; background-color: #F7F7F7;
-webkit-box-shadow: inset 0 -1px 0 #dbdbdb, inset 0 1px 0 #FAFAFA; -webkit-box-shadow: inset 0 -1px 0 #dbdbdb;
box-shadow: inset 0 -1px 0 #dbdbdb, inset 0 1px 0 #FAFAFA; box-shadow: inset 0 -1px 0 #dbdbdb;
} }
.loadmask > .brendpanel > div { .loadmask > .brendpanel > div {