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

[Common] tidied styles

Browse source
This commit is contained in:
Maxim Kadushkin 2017-06-16 12:19:44 +03:00
parent d3d57e3d73
commit 14702fa96d
1 changed files with 35 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

81
apps/common/main/resources/less/toolbar.less
View file

@ -11,34 +11,33 @@
} }
&.folded { &.folded {
height: @height-tabs; height: @height-tabs;
transition: height .2s; transition: height .2s;
overflow: hidden; overflow: hidden;
&.expanded { &.expanded {
height: @height-tabs + @height-controls; height: @height-tabs + @height-controls;
overflow: visible; overflow: visible;
} }
&:not(.expanded):not(.cover){ &:not(.expanded):not(.cover){
.ribtab.active {
.ribtab.active { > a {
> a { font-weight: normal;
font-weight: normal; }
}
} }
}
} }
}
.box-tabs { .box-tabs {
height: @height-tabs; height: @height-tabs;
display: flex; display: flex;
align-items: stretch; align-items: stretch;
.extra { .extra {
background-color: @tabs-bg-color; background-color: @tabs-bg-color;
} }
//&::after { //&::after {
// content: ''; // content: '';
@ -49,7 +48,7 @@
// left: 0; // left: 0;
// z-index: 1; // z-index: 1;
//} //}
} }
.tabs { .tabs {
flex-grow: 1; flex-grow: 1;
@ -107,16 +106,6 @@
letter-spacing: 0.7px; letter-spacing: 0.7px;
position: relative; position: relative;
//&::after {
// display: block;
// content: attr(data-title);
// //font-weight: bold;
// height: 1px;
// overflow: hidden;
// visibility: hidden;
//}
} }
&.active { &.active {
@ -153,18 +142,18 @@
} }
.box-controls { .box-controls {
height: @height-controls; height: @height-controls;
padding: 10px 0; padding: 10px 0;
display: flex; display: flex;
//background-color: #F2CBBF; //background-color: #F2CBBF;
.panel { .panel {
display: table; display: table;
height: 100%; height: 100%;
}
//width: 100%;
} }
//width: 100%;
}
.box-panels { .box-panels {
.panel:not(.active) { .panel:not(.active) {
@ -187,13 +176,13 @@
} }
.elset { .elset {
height: 20px; height: 20px;
font-size: 0; font-size: 0;
&:not(:first-child) { &:not(:first-child) {
margin-top: 6px; margin-top: 6px;
}
} }
}
.separator { .separator {
margin-left: 12px; margin-left: 12px;