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

[all] fix toolbar scroll in view mode

Browse source
This commit is contained in:
Maxim Kadushkin 2022-12-28 22:02:59 +03:00
parent 0d07df36d3
commit 053fb9c6d4
1 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -55,6 +55,9 @@
//} //}
} }
--toolbar-tabs-scroller-height: 38px;
@tabs-scroller-height: var(--toolbar-tabs-scroller-height, 38px);
.tabs { .tabs {
//flex-grow: 1; //flex-grow: 1;
background-color: @header-background-color-ie; background-color: @header-background-color-ie;
@ -164,7 +167,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 calc(38px - @scaled-one-px-value) 0 10px @border-toolbar-active-panel-top, 5px 0 20px 5px @header-background-color; box-shadow: 18px calc(@tabs-scroller-height - @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);
@ -173,7 +176,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 calc(38px - @scaled-one-px-value) 0 10px @border-toolbar-active-panel-top, -5px 0 20px 5px @header-background-color; box-shadow: -10px calc(@tabs-scroller-height - @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);
@ -387,8 +390,12 @@
/* z-index: @zindex-tooltip + 1; */ /* z-index: @zindex-tooltip + 1; */
} }
&.toolbar-view .toolbar-mask{ &.toolbar-view {
left: 0; --toolbar-tabs-scroller-height: 42px;
.toolbar-mask {
left: 0;
}
} }
.top-title > & { .top-title > & {