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 {
height: calc(~"100% + @{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 {
height: 100%;

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

@ -1,6 +1,7 @@
@height-tabs: 42px;
@height-controls: 67px;
@tabs-bg-color: #fff;
#toolbar {
z-index: 101;
}
@ -23,19 +24,34 @@
.box-tabs {
height: @height-tabs;
.box-shadow(0 1px 0 @gray-dark);
display: flex;
align-items: stretch;
.tabs {
flex-grow: 1;
background-color: #d0ddb6;
position: relative;
overflow: hidden;
display: flex;
}
.extra {
&.left {
height: 42px;
background-color: @tabs-bg-color;
}
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;
margin: 0;
white-space: nowrap;
@ -58,6 +74,7 @@
cursor: default;
font-size: 14px;
text-align: center;
color: @gray-darker;
&::after {
display: block;
@ -79,13 +96,13 @@
.marker {
position: relative;
border-top: 3px solid green;
border-top: 3px solid @gray-darker;
top: -4px;
-webkit-transition: width .2s, left .2s ease-out;
transition: width .2s, left .2s ease-out;
}
.tabs:not(.short) {
&:not(.short) {
.scroll {
display: none;
}
@ -104,29 +121,9 @@
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 {
height: @height-controls;
padding: 10px 0;