diff options
author | Volpeon <git@volpeon.ink> | 2022-02-12 08:12:00 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-02-12 08:12:00 +0100 |
commit | 1f13187d39140f1be15846e4944b4b38be849362 (patch) | |
tree | f20f483516e0cb0f758b1b5227b6b1bdaab11a44 /tpl | |
parent | Made dialog scrollable (diff) | |
download | iro-design-1f13187d39140f1be15846e4944b4b38be849362.tar.gz iro-design-1f13187d39140f1be15846e4944b4b38be849362.tar.bz2 iro-design-1f13187d39140f1be15846e4944b4b38be849362.zip |
Added close button to dialog
Diffstat (limited to 'tpl')
-rw-r--r-- | tpl/objects/action-button.pug | 1 | ||||
-rw-r--r-- | tpl/objects/dialog.pug | 2 |
2 files changed, 3 insertions, 0 deletions
diff --git a/tpl/objects/action-button.pug b/tpl/objects/action-button.pug index eb524a2..a695bee 100644 --- a/tpl/objects/action-button.pug +++ b/tpl/objects/action-button.pug | |||
@@ -6,6 +6,7 @@ mixin action-button | |||
6 | 'o-action-button': true, | 6 | 'o-action-button': true, |
7 | 'o-action-button--block': attributes.block, | 7 | 'o-action-button--block': attributes.block, |
8 | 'o-action-button--quiet': attributes.quiet, | 8 | 'o-action-button--quiet': attributes.quiet, |
9 | 'o-action-button--round': attributes.round, | ||
9 | 'is-disabled': attributes.disabled, | 10 | 'is-disabled': attributes.disabled, |
10 | 'is-selected': attributes.selected | 11 | 'is-selected': attributes.selected |
11 | } | 12 | } |
diff --git a/tpl/objects/dialog.pug b/tpl/objects/dialog.pug index 7e3e2d6..0ee52df 100644 --- a/tpl/objects/dialog.pug +++ b/tpl/objects/dialog.pug | |||
@@ -1,12 +1,14 @@ | |||
1 | include rule.pug | 1 | include rule.pug |
2 | include button.pug | 2 | include button.pug |
3 | include heading.pug | 3 | include heading.pug |
4 | include action-button.pug | ||
4 | 5 | ||
5 | mixin dialog(title) | 6 | mixin dialog(title) |
6 | .o-dialog.t-raised | 7 | .o-dialog.t-raised |
7 | header.o-dialog__header | 8 | header.o-dialog__header |
8 | +div-heading('lg')(class='o-dialog__title') | 9 | +div-heading('lg')(class='o-dialog__title') |
9 | = title | 10 | = title |
11 | +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn') | ||
10 | +rule('medium')(class='o-dialog__rule') | 12 | +rule('medium')(class='o-dialog__rule') |
11 | section.o-dialog__body | 13 | section.o-dialog__body |
12 | block | 14 | block |