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

[themes] correct scroll's shadow

Browse source
This commit is contained in:
Maxim Kadushkin 2022-10-05 21:22:34 +03:00
parent 4c11525cd5
commit 2389aa2af7
1 changed files with 28 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -79,6 +79,7 @@
display: inline-flex;
align-items: center;
height: 100%;
position: relative;
&:hover {
background-color: @highlight-header-button-hover-ie;
background-color: @highlight-header-button-hover;
@ -119,6 +120,30 @@
}
}
//&:not(:where(.style-off-tabs *)) { IE doesn't support "where" pseudo selector
:not(.style-off-tabs) > & {
&.short {
li {
&:after {
content: '';
position: absolute;
background: @border-toolbar-active-panel-top;
height: 1px;
bottom: 0;
left: 1px;
right: 1px;
z-index: 2;
}
&.active {
&:after {
background: @background-toolbar;
}
}
}
}
}
.scroll {
line-height: @height-tabs;
min-width: 20px;
@ -140,7 +165,7 @@
&.left{
box-shadow: 5px 0 20px 5px @header-background-color-ie;
box-shadow: 18px 37px 0 10px @background-toolbar, 5px 0 20px 5px @header-background-color;
box-shadow: 18px 37px 0 10px @border-toolbar-active-panel-top, 5px 0 20px 5px @header-background-color;
&:after {
transform: rotate(135deg);
@ -149,7 +174,7 @@
}
&.right{
box-shadow: -5px 0 20px 5px @header-background-color-ie;
box-shadow: -10px 37px 0 10px @background-toolbar, -5px 0 20px 5px @header-background-color;
box-shadow: -10px 37px 0 10px @border-toolbar-active-panel-top, -5px 0 20px 5px @header-background-color;
&:after {
transform: rotate(-45deg);
@ -411,6 +436,7 @@
li {
position: relative;
&:after {
//transition: opacity .1s;
//transition: bottom .1s;