[CL-192][CL-193] fix virtual scroll (#7986)
* [CL-192] use sticky sidebar instead of static; remove main screen height * [CL-193] patch cdk dialog scroll block
This commit is contained in:
parent
1f8e6ea6f8
commit
cbcd5d9747
|
@ -6,12 +6,6 @@
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
&.cdk-global-scrollblock {
|
||||
position: unset;
|
||||
}
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
font-family: $font-family-sans-serif;
|
||||
|
|
|
@ -22,14 +22,14 @@
|
|||
'--color-background-alt4': 'var(--color-secondary-300)'
|
||||
}
|
||||
"
|
||||
class="tw-inset-y-0 tw-left-0 tw-h-screen tw-w-60 tw-overflow-auto tw-bg-background-alt3"
|
||||
class="tw-sticky tw-inset-y-0 tw-h-screen tw-w-60 tw-overflow-auto tw-bg-background-alt3"
|
||||
>
|
||||
<ng-content select="[slot=sidebar]"></ng-content>
|
||||
</aside>
|
||||
<main
|
||||
[id]="mainContentId"
|
||||
tabindex="-1"
|
||||
class="tw-overflow-auto tw-h-screen tw-min-w-0 tw-flex-1 tw-bg-background tw-p-6"
|
||||
class="tw-overflow-auto tw-min-w-0 tw-flex-1 tw-bg-background tw-p-6"
|
||||
>
|
||||
<ng-content></ng-content>
|
||||
</main>
|
||||
|
|
|
@ -200,3 +200,9 @@ summary.tw-list-none::-webkit-details-marker {
|
|||
.cdk-overlay-pane {
|
||||
z-index: 2000 !important;
|
||||
}
|
||||
|
||||
.cdk-global-scrollblock {
|
||||
position: unset;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue