From 2c48ef85de28539fd088b9114a6ca28351f593af Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 12 Feb 2022 08:02:14 +0100
Subject: Made dialog scrollable

---
 tpl/index.pug            | 11 ++++++++++-
 tpl/objects/backdrop.pug |  2 +-
 tpl/objects/dialog.pug   |  2 +-
 tpl/objects/rule.pug     |  2 +-
 4 files changed, 13 insertions(+), 4 deletions(-)

(limited to 'tpl')

diff --git a/tpl/index.pug b/tpl/index.pug
index 605fa35..a6a8f87 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -1,5 +1,5 @@
 -
-    let loremIpsum = 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat'
+    let loremIpsum = 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.';
 
 include layouts/container.pug
 
@@ -528,4 +528,13 @@ html
                     +dialog('Lorem ipsum')
                         = loremIpsum
 
+            +box
+                +backdrop
+                    +dialog('Lorem ipsum')
+                        p.u-mt-0= loremIpsum
+                        p= loremIpsum
+                        p= loremIpsum
+                        p= loremIpsum
+                        p= loremIpsum
+
 
diff --git a/tpl/objects/backdrop.pug b/tpl/objects/backdrop.pug
index 6ad72d7..3e3eb7f 100644
--- a/tpl/objects/backdrop.pug
+++ b/tpl/objects/backdrop.pug
@@ -1,3 +1,3 @@
 mixin backdrop
-    .o-backdrop.u-ps(style={ width: '100%', 'min-height': '5em' })
+    .o-backdrop.u-ps(style={ width: '100%', 'min-height': '5em', 'max-height': '40em' })
         block
diff --git a/tpl/objects/dialog.pug b/tpl/objects/dialog.pug
index 3cbe95e..7e3e2d6 100644
--- a/tpl/objects/dialog.pug
+++ b/tpl/objects/dialog.pug
@@ -7,7 +7,7 @@ mixin dialog(title)
         header.o-dialog__header
             +div-heading('lg')(class='o-dialog__title')
                 = title
-        +rule('medium')
+        +rule('medium')(class='o-dialog__rule')
         section.o-dialog__body
             block
         footer.o-dialog__footer.l-button-group
diff --git a/tpl/objects/rule.pug b/tpl/objects/rule.pug
index 63a039f..b2f3a38 100644
--- a/tpl/objects/rule.pug
+++ b/tpl/objects/rule.pug
@@ -6,7 +6,7 @@ mixin rule(level)
             ['o-rule--' + level]: true
         }
 
-    div(class=classes)
+    div(class=classes)&attributes(attributes)
         if block
             .o-rule__label
                 block
-- 
cgit v1.2.3-70-g09d2