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

[common] refactoring

Browse source
This commit is contained in:
Maxim Kadushkin 2019-02-06 16:44:36 +03:00
parent 5943c2ebd2
commit 2d613dae77
1 changed files with 65 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -280,79 +280,88 @@
} }
} }
.style-off-tabs .toolbar { .style-off-tabs {
@underscore_height: 2px; .toolbar {
@underscore_height: 2px;
.tabs, .extra { .tabs, .extra {
background-color: transparent; background-color: transparent;
box-shadow: inset 0 -1px 0 0 @gray; box-shadow: inset 0 -1px 0 0 @gray;
}
.tabs {
ul {
padding: 0;
} }
li { .tabs {
position: relative; ul {
padding: 0;
&:after {
//transition: opacity .1s;
//transition: bottom .1s;
border-top: @underscore_height solid @gray-deep;
content: '';
position: absolute;
width: 100%;
bottom: -@underscore_height;
opacity: 0;
} }
&.active { li {
background-color: transparent; position: relative;
&:after { &:after {
opacity: 1; //transition: opacity .1s;
bottom: 0; //transition: bottom .1s;
border-top: @underscore_height solid @gray-deep;
content: '';
position: absolute;
width: 100%;
bottom: -@underscore_height;
opacity: 0;
} }
}
> a { &.active {
color: @gray-deep; background-color: transparent;
}
}
}
.extra { &:after {
#header-logo { opacity: 1;
i { bottom: 0;
.background-ximage('@{common-image-path}/header/dark-logo.png', '@{common-image-path}/header/dark-logo@2x.png', 86px); }
} }
}
}
// TODO: move to appropriate module &:hover:not(.active) {
.btn-header { background-color: rgba(0, 0, 0, .05);
svg.icon { //background-color: @secondary;
fill: #000; }
}
&:hover:not(.disabled) { > a {
background-color: @secondary; color: @gray-deep;
}
&:active, &.active {
&:not(.disabled) {
background-color: @primary;
svg.icon {
fill: #fff;
} }
} }
} }
.extra {
#header-logo {
i {
.background-ximage('@{common-image-path}/header/dark-logo.png', '@{common-image-path}/header/dark-logo@2x.png', 86px);
}
}
}
// TODO: move to appropriate module
.btn-header {
svg.icon {
fill: #000;
}
&:hover:not(.disabled) {
background-color: @secondary;
}
&:active, &.active {
&:not(.disabled) {
background-color: @primary;
svg.icon {
fill: #fff;
}
}
}
}
#rib-doc-name {
color: @gray-deep;
}
} }
#rib-doc-name {
color:@gray-deep;
} }
} }