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

[DE] debug styles

Browse source
This commit is contained in:
Maxim Kadushkin 2017-03-01 16:38:20 +03:00
parent 9707822f7c
commit 52e1610b1d
2 changed files with 30 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
apps/documenteditor/main/resources/less/leftmenu.less
View file

@ -66,7 +66,8 @@ button.notify .btn-menu-comments {background-position: -0*@toolbar-icon-size -60
#file-menu-panel { #file-menu-panel {
height: calc(~"100% + @{height-controls}"); height: calc(~"100% + @{height-controls}");
top: -@height-controls; top: -@height-controls;
box-shadow: -1px 0 0 0 @gray-dark; border-top: 1px solid @gray-dark;
.box-shadow(-1px 0 0 0 @gray-dark);
> div { > div {
height: 100%; height: 100%;

59
apps/documenteditor/main/resources/less/toolbar.less
View file

@ -1,6 +1,7 @@
@height-tabs: 42px; @height-tabs: 42px;
@height-controls: 67px; @height-controls: 67px;
@tabs-bg-color: #fff;
#toolbar { #toolbar {
z-index: 101; z-index: 101;
} }
@ -23,19 +24,34 @@
.box-tabs { .box-tabs {
height: @height-tabs; height: @height-tabs;
.box-shadow(0 1px 0 @gray-dark);
display: flex; display: flex;
align-items: stretch; align-items: stretch;
.tabs { .extra {
flex-grow: 1; &.left {
background-color: #d0ddb6; height: 42px;
position: relative; background-color: @tabs-bg-color;
overflow: hidden; }
display: flex;
}
ul { &.right {
min-width: 350px;
line-height: @height-tabs;
background-color: @tabs-bg-color;
}
}
}
.tabs {
flex-grow: 1;
background-color: @tabs-bg-color;
position: relative;
overflow: hidden;
display: flex;
> ul {
padding: 0; padding: 0;
margin: 0; margin: 0;
white-space: nowrap; white-space: nowrap;
@ -58,6 +74,7 @@
cursor: default; cursor: default;
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
color: @gray-darker;
&::after { &::after {
display: block; display: block;
@ -79,13 +96,13 @@
.marker { .marker {
position: relative; position: relative;
border-top: 3px solid green; border-top: 3px solid @gray-darker;
top: -4px; top: -4px;
-webkit-transition: width .2s, left .2s ease-out; -webkit-transition: width .2s, left .2s ease-out;
transition: width .2s, left .2s ease-out; transition: width .2s, left .2s ease-out;
} }
.tabs:not(.short) { &:not(.short) {
.scroll { .scroll {
display: none; display: none;
} }
@ -104,29 +121,9 @@
box-shadow: -5px 0 20px 5px rgba(208, 221, 182, .8) box-shadow: -5px 0 20px 5px rgba(208, 221, 182, .8)
} }
} }
.extra {
&.left {
//display: inline-block;
//float: left;
min-width: 240px;
height: 42px;
.background-ximage('@{common-image-path}/about/OnlyOffice.png', '@{common-image-path}/about/OnlyOffice@2x.png', 240px);
background-size: contain;
background-repeat: no-repeat;
background-color: #98ddda;
}
&.right {
min-width: 350px;
line-height: @height-tabs;
background-color: #98ddda;
}
}
} }
.box-controls { .box-controls {
height: @height-controls; height: @height-controls;
padding: 10px 0; padding: 10px 0;