From 08466080a960cd9944d559c481085a23dabffbf0 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 4 Feb 2023 21:30:26 +0100 Subject: Scrollable dialog improvements --- tpl/objects/dialog.pug | 5 +++-- tpl/views/dialog.pug | 12 +++++++++++- 2 files changed, 14 insertions(+), 3 deletions(-) (limited to 'tpl') 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) block ? block() : undefined let classes = { - 'o-dialog': true, - 'o-dialog--flat': attributes.flat, + 'o-dialog': true, + 'o-dialog--flat': attributes.flat, + 'o-dialog--scrollable': attributes.scrollable, } 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 .c-box +backdrop(pad=true) - +dialog('Lorem ipsum')(bodyClass='l-overflow') + +dialog('Lorem ipsum') + +slot('body') + p.u-mt-0= loremIpsum + p= loremIpsum + p= loremIpsum + p= loremIpsum + p= loremIpsum + + .c-box + +backdrop(pad=true) + +dialog('Lorem ipsum')(scrollable=true) +slot('body') p.u-mt-0= loremIpsum p= loremIpsum -- cgit v1.2.3-54-g00ecf