mirrors/OverlayScrollbars
2
0
Fork 0
mirror of https://github.com/tenrok/OverlayScrollbars.git synced 2026-06-15 10:12:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

add optional grid mode

Browse Source
This commit is contained in:
Rene Haas
2022-10-13 09:48:57 +02:00
parent 83129e55be
commit db6ba94fbe
2 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/overlayscrollbars/src/styles/structure.scss
+13
View File
@@ -97,6 +97,19 @@ html.os-viewport-scrollbar-hidden > body[data-overlayscrollbars] {
flex-wrap: nowrap !important; flex-wrap: nowrap !important;
} }
[data-overlayscrollbars~='grid'],
[data-overlayscrollbars~='grid'] .os-padding {
display: grid;
grid-template: 1fr / 1fr;
}
[data-overlayscrollbars~='grid'] > .os-padding,
[data-overlayscrollbars~='grid'] > .os-viewport,
[data-overlayscrollbars~='grid'] > .os-padding > .os-viewport {
height: auto !important;
width: auto !important;
}
.os-padding, .os-padding,
.os-viewport { .os-viewport {
box-sizing: inherit; box-sizing: inherit;
packages/overlayscrollbars/tests/playwright/setups/structureSetup/update/index.scss
+3
View File
@@ -156,6 +156,9 @@ body {
.widthAuto > #target[data-overlayscrollbars~='host'] { .widthAuto > #target[data-overlayscrollbars~='host'] {
display: inline-flex; display: inline-flex;
} }
.widthAuto > #target[data-overlayscrollbars~='grid'] {
display: inline-grid;
}
.widthHundred > .container, .widthHundred > .container,
.envWidthHundred { .envWidthHundred {
width: 100%; width: 100%;