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

[themes] top border for toolbar in "contrast" theme

Browse source
This commit is contained in:
Maxim Kadushkin 2022-10-05 11:29:39 +03:00
parent 527633324b
commit 4c11525cd5
1 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -40,6 +40,8 @@
.extra {
background-color: @header-background-color-ie;
background-color: @header-background-color;
box-shadow: inset 0 -1px 0 0 @border-toolbar-active-panel-top;
}
//&::after {
@ -62,6 +64,8 @@
display: flex;
flex-shrink: 1;
box-shadow: inset 0 -1px 0 0 @border-toolbar-active-panel-top;
> ul {
padding: 4px 0 0;
margin: 0;
@ -78,11 +82,15 @@
&:hover {
background-color: @highlight-header-button-hover-ie;
background-color: @highlight-header-button-hover;
box-shadow: inset 0 -1px 0 0 @border-toolbar-active-panel-top;
}
&.active {
background-color: @background-toolbar-ie;
background-color: @background-toolbar;
box-shadow: inset -1px 0px 0 0 @border-toolbar-active-panel-top, inset 1px 1px 0 0 @border-toolbar-active-panel-top;
}
@ -132,7 +140,7 @@
&.left{
box-shadow: 5px 0 20px 5px @header-background-color-ie;
box-shadow: 5px 0 20px 5px @header-background-color;
box-shadow: 18px 37px 0 10px @background-toolbar, 5px 0 20px 5px @header-background-color;
&:after {
transform: rotate(135deg);
@ -141,7 +149,7 @@
}
&.right{
box-shadow: -5px 0 20px 5px @header-background-color-ie;
box-shadow: -5px 0 20px 5px @header-background-color;
box-shadow: -10px 37px 0 10px @background-toolbar, -5px 0 20px 5px @header-background-color;
&:after {
transform: rotate(-45deg);
@ -417,6 +425,7 @@
&.active {
background-color: transparent;
box-shadow: none;
//> a {
// padding: 0 12px;
//}
@ -428,6 +437,7 @@
&:hover:not(.active) {
background-color: rgba(0, 0, 0, .05);
box-shadow: none;
.theme-type-dark & {
background-color: rgba(255, 255, 255, .05);