diff options
-rw-r--r-- | src/objects/_dialog.scss | 3 | ||||
-rw-r--r-- | tpl/index.pug | 5 | ||||
-rw-r--r-- | tpl/objects/dialog.pug | 2 |
3 files changed, 6 insertions, 4 deletions
diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss index 9c61e93..281844b 100644 --- a/src/objects/_dialog.scss +++ b/src/objects/_dialog.scss | |||
@@ -12,6 +12,7 @@ | |||
12 | --rounding: 3px, | 12 | --rounding: 3px, |
13 | --sidebar: ( | 13 | --sidebar: ( |
14 | --pad-x: fn.global-dim(--size --150), | 14 | --pad-x: fn.global-dim(--size --150), |
15 | --pad-y: fn.global-dim(--size --150), | ||
15 | ) | 16 | ) |
16 | ), | 17 | ), |
17 | ), 'dims'); | 18 | ), 'dims'); |
@@ -71,7 +72,7 @@ | |||
71 | 72 | ||
72 | @include iro.bem-elem('sidebar') { | 73 | @include iro.bem-elem('sidebar') { |
73 | grid-area: sidebar; | 74 | grid-area: sidebar; |
74 | padding: fn.dim(--pad-y) fn.dim(--sidebar --pad-x); | 75 | padding: fn.dim(--sidebar --pad-y) fn.dim(--sidebar --pad-x); |
75 | border-right: 1px solid fn.color(--sidebar --border); | 76 | border-right: 1px solid fn.color(--sidebar --border); |
76 | background-color: fn.color(--sidebar --bg); | 77 | background-color: fn.color(--sidebar --bg); |
77 | } | 78 | } |
diff --git a/tpl/index.pug b/tpl/index.pug index 98aec2e..f682c26 100644 --- a/tpl/index.pug +++ b/tpl/index.pug | |||
@@ -552,8 +552,9 @@ html | |||
552 | +slot('sidebar') | 552 | +slot('sidebar') |
553 | +menu(style={ 'min-width': '10em' }) | 553 | +menu(style={ 'min-width': '10em' }) |
554 | +menu-header= '#channel' | 554 | +menu-header= '#channel' |
555 | +menu-item(icon='bookmark', selected=true)= 'Bookmark' | 555 | +menu-item(icon='bookmark')= 'Bookmark' |
556 | +menu-item(icon='tags')= 'Tags' | 556 | +menu-item(icon='tags', selected=true)= 'Tags' |
557 | +menu-item(icon='hash')= 'achannel' | ||
557 | +slot('body') | 558 | +slot('body') |
558 | p.u-mt-0= loremIpsum | 559 | p.u-mt-0= loremIpsum |
559 | 560 | ||
diff --git a/tpl/objects/dialog.pug b/tpl/objects/dialog.pug index 3a47b2f..12726a3 100644 --- a/tpl/objects/dialog.pug +++ b/tpl/objects/dialog.pug | |||
@@ -32,8 +32,8 @@ mixin dialog(title) | |||
32 | header.o-dialog__header | 32 | header.o-dialog__header |
33 | +div-heading('lg')(class='o-dialog__title') | 33 | +div-heading('lg')(class='o-dialog__title') |
34 | = title | 34 | = title |
35 | +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn') | ||
35 | section(class=bodyClass) | 36 | section(class=bodyClass) |
36 | +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn') | ||
37 | if slots.body | 37 | if slots.body |
38 | - slots.body() | 38 | - slots.body() |
39 | footer.o-dialog__footer.l-button-group | 39 | footer.o-dialog__footer.l-button-group |