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

[themes] fix scaled scroll's shadow

Browse source
This commit is contained in:
Maxim Kadushkin 2022-10-06 10:25:14 +03:00
parent 2389aa2af7
commit c517e82938
1 changed files with 7 additions and 7 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

@ -41,7 +41,7 @@
background-color: @header-background-color-ie; background-color: @header-background-color-ie;
background-color: @header-background-color; background-color: @header-background-color;
box-shadow: inset 0 -1px 0 0 @border-toolbar-active-panel-top; box-shadow: inset 0 @minus-px 0 0 @border-toolbar-active-panel-top;
} }
//&::after { //&::after {
@ -64,7 +64,7 @@
display: flex; display: flex;
flex-shrink: 1; flex-shrink: 1;
box-shadow: inset 0 -1px 0 0 @border-toolbar-active-panel-top; box-shadow: inset 0 @minus-px 0 0 @border-toolbar-active-panel-top;
> ul { > ul {
padding: 4px 0 0; padding: 4px 0 0;
@ -84,14 +84,14 @@
background-color: @highlight-header-button-hover-ie; background-color: @highlight-header-button-hover-ie;
background-color: @highlight-header-button-hover; background-color: @highlight-header-button-hover;
box-shadow: inset 0 -1px 0 0 @border-toolbar-active-panel-top; box-shadow: inset 0 @minus-px 0 0 @border-toolbar-active-panel-top;
} }
&.active { &.active {
background-color: @background-toolbar-ie; background-color: @background-toolbar-ie;
background-color: @background-toolbar; 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; box-shadow: inset @minus-px 0px 0 0 @border-toolbar-active-panel-top, inset @scaled-one-px-value @scaled-one-px-value 0 0 @border-toolbar-active-panel-top;
} }
@ -128,7 +128,7 @@
content: ''; content: '';
position: absolute; position: absolute;
background: @border-toolbar-active-panel-top; background: @border-toolbar-active-panel-top;
height: 1px; height: @scaled-one-px-value;
bottom: 0; bottom: 0;
left: 1px; left: 1px;
right: 1px; right: 1px;
@ -165,7 +165,7 @@
&.left{ &.left{
box-shadow: 5px 0 20px 5px @header-background-color-ie; box-shadow: 5px 0 20px 5px @header-background-color-ie;
box-shadow: 18px 37px 0 10px @border-toolbar-active-panel-top, 5px 0 20px 5px @header-background-color; box-shadow: 18px calc(38px - @scaled-one-px-value) 0 10px @border-toolbar-active-panel-top, 5px 0 20px 5px @header-background-color;
&:after { &:after {
transform: rotate(135deg); transform: rotate(135deg);
@ -174,7 +174,7 @@
} }
&.right{ &.right{
box-shadow: -5px 0 20px 5px @header-background-color-ie; box-shadow: -5px 0 20px 5px @header-background-color-ie;
box-shadow: -10px 37px 0 10px @border-toolbar-active-panel-top, -5px 0 20px 5px @header-background-color; box-shadow: -10px calc(38px - @scaled-one-px-value) 0 10px @border-toolbar-active-panel-top, -5px 0 20px 5px @header-background-color;
&:after { &:after {
transform: rotate(-45deg); transform: rotate(-45deg);