summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-10-29 16:16:32 +0100
committerVolpeon <git@volpeon.ink>2023-10-29 16:16:32 +0100
commit08f1f2a63c3ef01e28ff89ef0538654c50aded2c (patch)
tree7f6122472ab8bbaf7df271d0387e5a7c3e327156 /src
parentAdd scrollbar to dialog sidebar (diff)
downloadiro-design-08f1f2a63c3ef01e28ff89ef0538654c50aded2c.tar.gz
iro-design-08f1f2a63c3ef01e28ff89ef0538654c50aded2c.tar.bz2
iro-design-08f1f2a63c3ef01e28ff89ef0538654c50aded2c.zip
Add persistent pre- and post-body area to dialog
Diffstat (limited to 'src')
-rw-r--r--src/objects/_dialog.scss16
1 files changed, 15 insertions, 1 deletions
diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss
index 54cd5fe..431e138 100644
--- a/src/objects/_dialog.scss
+++ b/src/objects/_dialog.scss
@@ -42,11 +42,13 @@
42 42
43 @include iro.bem-object(iro.props-namespace()) { 43 @include iro.bem-object(iro.props-namespace()) {
44 display: grid; 44 display: grid;
45 grid-template-rows: auto 1fr auto; 45 grid-template-rows: auto auto 1fr auto auto;
46 grid-template-columns: auto 1fr; 46 grid-template-columns: auto 1fr;
47 grid-template-areas: 47 grid-template-areas:
48 'sidebar-header header' 48 'sidebar-header header'
49 'sidebar top'
49 'sidebar body' 50 'sidebar body'
51 'sidebar bottom'
50 'sidebar footer'; 52 'sidebar footer';
51 position: relative; 53 position: relative;
52 box-sizing: border-box; 54 box-sizing: border-box;
@@ -99,6 +101,12 @@
99 border-right: 1px solid fn.color(--border); 101 border-right: 1px solid fn.color(--border);
100 } 102 }
101 103
104 @include iro.bem-elem('top') {
105 grid-area: top;
106 min-width: 0;
107 padding: fn.dim(--body --pad-y) fn.dim(--body --pad-x) 0;
108 }
109
102 @include iro.bem-elem('body') { 110 @include iro.bem-elem('body') {
103 grid-area: body; 111 grid-area: body;
104 min-width: 0; 112 min-width: 0;
@@ -106,6 +114,12 @@
106 padding: fn.dim(--body --pad-y) fn.dim(--body --pad-x); 114 padding: fn.dim(--body --pad-y) fn.dim(--body --pad-x);
107 } 115 }
108 116
117 @include iro.bem-elem('bottom') {
118 grid-area: bottom;
119 min-width: 0;
120 padding: 0 fn.dim(--body --pad-x) fn.dim(--body --pad-y);
121 }
122
109 @include iro.bem-elem('footer') { 123 @include iro.bem-elem('footer') {
110 grid-area: footer; 124 grid-area: footer;
111 justify-content: flex-end; 125 justify-content: flex-end;