diff options
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_backdrop.scss | 1 | ||||
-rw-r--r-- | src/objects/_dialog.scss | 10 |
2 files changed, 11 insertions, 0 deletions
diff --git a/src/objects/_backdrop.scss b/src/objects/_backdrop.scss index 7653a99..fee5577 100644 --- a/src/objects/_backdrop.scss +++ b/src/objects/_backdrop.scss | |||
@@ -31,6 +31,7 @@ | |||
31 | left: 0; | 31 | left: 0; |
32 | box-sizing: border-box; | 32 | box-sizing: border-box; |
33 | flex-direction: column; | 33 | flex-direction: column; |
34 | overflow: auto; | ||
34 | background-color: fn.color(--bg); | 35 | background-color: fn.color(--bg); |
35 | color: fn.global-color(--fg); | 36 | color: fn.global-color(--fg); |
36 | backdrop-filter: blur(fn.dim(--blur)); | 37 | backdrop-filter: blur(fn.dim(--blur)); |
diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss index b935f8d..a85fd1f 100644 --- a/src/objects/_dialog.scss +++ b/src/objects/_dialog.scss | |||
@@ -58,6 +58,7 @@ | |||
58 | 'sidebar footer'; | 58 | 'sidebar footer'; |
59 | position: relative; | 59 | position: relative; |
60 | box-sizing: border-box; | 60 | box-sizing: border-box; |
61 | flex: 0 0 auto; | ||
61 | width: 100%; | 62 | width: 100%; |
62 | max-width: fn.dim(--width-md); | 63 | max-width: fn.dim(--width-md); |
63 | margin: 0 auto; | 64 | margin: 0 auto; |
@@ -120,6 +121,15 @@ | |||
120 | padding: fn.dim(--body --pad-y) fn.dim(--body --pad-x); | 121 | padding: fn.dim(--body --pad-y) fn.dim(--body --pad-x); |
121 | } | 122 | } |
122 | 123 | ||
124 | @include iro.bem-modifier('scrollable') { | ||
125 | flex-shrink: 1; | ||
126 | |||
127 | @include iro.bem-elem('body') { | ||
128 | overflow: auto; | ||
129 | scrollbar-color: fn.global-color(--obj-lo) transparent; | ||
130 | } | ||
131 | } | ||
132 | |||
123 | @include iro.bem-modifier('flat') { | 133 | @include iro.bem-modifier('flat') { |
124 | @include iro.bem-elem('header') { | 134 | @include iro.bem-elem('header') { |
125 | border-bottom: 0; | 135 | border-bottom: 0; |