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 |
