summaryrefslogtreecommitdiffstats
path: root/tpl
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-02-04 21:30:26 +0100
committerVolpeon <git@volpeon.ink>2023-02-04 21:30:26 +0100
commit08466080a960cd9944d559c481085a23dabffbf0 (patch)
treecdc8fdffd84181c078a059ebbc448a46183bfa28 /tpl
parentUpdate dialog (diff)
downloadiro-design-08466080a960cd9944d559c481085a23dabffbf0.tar.gz
iro-design-08466080a960cd9944d559c481085a23dabffbf0.tar.bz2
iro-design-08466080a960cd9944d559c481085a23dabffbf0.zip
Scrollable dialog improvements
Diffstat (limited to 'tpl')
-rw-r--r--tpl/objects/dialog.pug5
-rw-r--r--tpl/views/dialog.pug12
2 files changed, 14 insertions, 3 deletions
diff --git a/tpl/objects/dialog.pug b/tpl/objects/dialog.pug
index 2a2530f..26b953b 100644
--- a/tpl/objects/dialog.pug
+++ b/tpl/objects/dialog.pug
@@ -10,8 +10,9 @@ mixin dialog(title)
10 block ? block() : undefined 10 block ? block() : undefined
11 11
12 let classes = { 12 let classes = {
13 'o-dialog': true, 13 'o-dialog': true,
14 'o-dialog--flat': attributes.flat, 14 'o-dialog--flat': attributes.flat,
15 'o-dialog--scrollable': attributes.scrollable,
15 } 16 }
16 17
17 let headerClass = { 18 let headerClass = {
diff --git a/tpl/views/dialog.pug b/tpl/views/dialog.pug
index 6ef06df..5a659dd 100644
--- a/tpl/views/dialog.pug
+++ b/tpl/views/dialog.pug
@@ -8,7 +8,17 @@ mixin view-dialog
8 8
9 .c-box 9 .c-box
10 +backdrop(pad=true) 10 +backdrop(pad=true)
11 +dialog('Lorem ipsum')(bodyClass='l-overflow') 11 +dialog('Lorem ipsum')
12 +slot('body')
13 p.u-mt-0= loremIpsum
14 p= loremIpsum
15 p= loremIpsum
16 p= loremIpsum
17 p= loremIpsum
18
19 .c-box
20 +backdrop(pad=true)
21 +dialog('Lorem ipsum')(scrollable=true)
12 +slot('body') 22 +slot('body')
13 p.u-mt-0= loremIpsum 23 p.u-mt-0= loremIpsum
14 p= loremIpsum 24 p= loremIpsum