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