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 {
//flex-grow: 1;
background-color: @header-background-color-ie;
@ -164,7 +167,7 @@
&.left{
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 {
transform: rotate(135deg);
@ -173,7 +176,7 @@
}
&.right{
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 {
transform: rotate(-45deg);
@ -387,8 +390,12 @@
/* z-index: @zindex-tooltip + 1; */
}
&.toolbar-view .toolbar-mask{
left: 0;
&.toolbar-view {
--toolbar-tabs-scroller-height: 42px;
.toolbar-mask {
left: 0;
}
}
.top-title > & {