mirror of
https://github.com/tenrok/OverlayScrollbars.git
synced 2026-05-17 13:29:40 +03:00
add optional grid mode
This commit is contained in:
@@ -97,6 +97,19 @@ html.os-viewport-scrollbar-hidden > body[data-overlayscrollbars] {
|
||||
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-viewport {
|
||||
box-sizing: inherit;
|
||||
|
||||
@@ -156,6 +156,9 @@ body {
|
||||
.widthAuto > #target[data-overlayscrollbars~='host'] {
|
||||
display: inline-flex;
|
||||
}
|
||||
.widthAuto > #target[data-overlayscrollbars~='grid'] {
|
||||
display: inline-grid;
|
||||
}
|
||||
.widthHundred > .container,
|
||||
.envWidthHundred {
|
||||
width: 100%;
|
||||
|
||||
Reference in New Issue
Block a user