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

[Embedded] Fix styles

Browse source
This commit is contained in:
Julia Radzhabova 2021-05-20 14:11:58 +03:00
parent 0068a7d225
commit e184d4b140
7 changed files with 29 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
apps/common/embed/resources/less/common.less
View file

@ -55,10 +55,11 @@
@toolbarBorderColor: #dbdbdb; @toolbarBorderColor: #dbdbdb;
@toolbarBorderShadowColor: #FAFAFA; @toolbarBorderShadowColor: #FAFAFA;
@toolbarTopColor: #EBEBEB; @toolbarTopColor: #F7F7F7;
@toolbarBottomColor: #CCCCCC; @toolbarBottomColor: #CCCCCC;
@toolbarHoverColor: #7698DE; @toolbarHoverColor: #7698DE;
@toolbarFontSize: 12px; @toolbarFontSize: 12px;
@buttonFontSize: 11px;
@controlBtnHoverTopColor: #6180C4; @controlBtnHoverTopColor: #6180C4;
@controlBtnHoverBottomColor: #8AACF1; @controlBtnHoverBottomColor: #8AACF1;
@btnColor: #d8dadc; @btnColor: #d8dadc;
@ -246,6 +247,7 @@
height: 22px; height: 22px;
background-origin: content-box; background-origin: content-box;
padding: 0 1px; padding: 0 1px;
font-size: @buttonFontSize;
&.has-caption { &.has-caption {
width: auto; width: auto;
@ -253,11 +255,12 @@
} }
&.colored { &.colored {
padding: 0 14px; padding: 0 16px;
height: 28px; height: 28px;
background-color: @btnColored; background-color: @btnColored;
border-radius: 3px; border-radius: 3px;
color: #ffffff; color: #ffffff;
font-weight: 700;
} }
// Hover state // Hover state
@ -547,7 +550,7 @@
width: @icon-width; width: @icon-width;
height: @icon-height; height: @icon-height;
float: left; float: left;
margin: 0 15px 0 -35px; margin: -3px 15px 0 -35px;
} }
.btn-icon { .btn-icon {
width: 22px; width: 22px;
@ -625,6 +628,11 @@
background-color: @btnColor; background-color: @btnColor;
outline: 0 none; outline: 0 none;
} }
font-size: @buttonFontSize;
}
.divider {
margin: 4px 0;
} }
} }

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

@ -30,7 +30,9 @@
width: 100%; width: 100%;
position: absolute; position: absolute;
height: 48px; height: 48px;
background-color: #e2e2e2; background-color: #F7F7F7;
-webkit-box-shadow: inset 0 -1px 0 #dbdbdb, inset 0 1px 0 #FAFAFA;
box-shadow: inset 0 -1px 0 #dbdbdb, inset 0 1px 0 #FAFAFA;
} }
.loadmask > .brendpanel > div { .loadmask > .brendpanel > div {

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

@ -28,7 +28,9 @@
width: 100%; width: 100%;
position: absolute; position: absolute;
height: 48px; height: 48px;
background-color: #e2e2e2; background-color: #F7F7F7;
-webkit-box-shadow: inset 0 -1px 0 #dbdbdb, inset 0 1px 0 #FAFAFA;
box-shadow: inset 0 -1px 0 #dbdbdb, inset 0 1px 0 #FAFAFA;
} }
.loadmask > .brendpanel > div { .loadmask > .brendpanel > div {

4
apps/presentationeditor/embed/index.html
View file

@ -30,7 +30,9 @@
width: 100%; width: 100%;
position: absolute; position: absolute;
height: 48px; height: 48px;
background-color: #e2e2e2; background-color: #F7F7F7;
-webkit-box-shadow: inset 0 -1px 0 #dbdbdb, inset 0 1px 0 #FAFAFA;
box-shadow: inset 0 -1px 0 #dbdbdb, inset 0 1px 0 #FAFAFA;
} }
.loadmask > .brendpanel > div { .loadmask > .brendpanel > div {

4
apps/presentationeditor/embed/index.html.deploy
View file

@ -28,7 +28,9 @@
width: 100%; width: 100%;
position: absolute; position: absolute;
height: 48px; height: 48px;
background-color: #e2e2e2; background-color: #F7F7F7;
-webkit-box-shadow: inset 0 -1px 0 #dbdbdb, inset 0 1px 0 #FAFAFA;
box-shadow: inset 0 -1px 0 #dbdbdb, inset 0 1px 0 #FAFAFA;
} }
.loadmask > .brendpanel > div { .loadmask > .brendpanel > div {

4
apps/spreadsheeteditor/embed/index.html
View file

@ -30,7 +30,9 @@
width: 100%; width: 100%;
position: absolute; position: absolute;
height: 48px; height: 48px;
background-color: #e2e2e2; background-color: #F7F7F7;
-webkit-box-shadow: inset 0 -1px 0 #dbdbdb, inset 0 1px 0 #FAFAFA;
box-shadow: inset 0 -1px 0 #dbdbdb, inset 0 1px 0 #FAFAFA;
} }
.loadmask > .brendpanel > div { .loadmask > .brendpanel > div {

4
apps/spreadsheeteditor/embed/index.html.deploy
View file

@ -27,7 +27,9 @@
width: 100%; width: 100%;
position: absolute; position: absolute;
height: 48px; height: 48px;
background-color: #e2e2e2; background-color: #F7F7F7;
-webkit-box-shadow: inset 0 -1px 0 #dbdbdb, inset 0 1px 0 #FAFAFA;
box-shadow: inset 0 -1px 0 #dbdbdb, inset 0 1px 0 #FAFAFA;
} }
.loadmask > .brendpanel > div { .loadmask > .brendpanel > div {