[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:
Will Martin 2024-02-19 08:52:42 -05:00 committed by GitHub
parent 1f8e6ea6f8
commit cbcd5d9747
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 8 additions and 8 deletions

View File

@ -6,12 +6,6 @@
margin: 0;
}
html {
&.cdk-global-scrollblock {
position: unset;
}
}
html,
body {
font-family: $font-family-sans-serif;

View File

@ -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>

View File

@ -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;
}