From ba9d7211ef338696df1efbd3510c055dfa77b295 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 9 Mar 2022 08:10:07 +0100 Subject: Independent pad-y for dialog sidebar --- src/objects/_dialog.scss | 3 ++- tpl/index.pug | 5 +++-- 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 @@ --rounding: 3px, --sidebar: ( --pad-x: fn.global-dim(--size --150), + --pad-y: fn.global-dim(--size --150), ) ), ), 'dims'); @@ -71,7 +72,7 @@ @include iro.bem-elem('sidebar') { grid-area: sidebar; - padding: fn.dim(--pad-y) fn.dim(--sidebar --pad-x); + padding: fn.dim(--sidebar --pad-y) fn.dim(--sidebar --pad-x); border-right: 1px solid fn.color(--sidebar --border); background-color: fn.color(--sidebar --bg); } 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 +slot('sidebar') +menu(style={ 'min-width': '10em' }) +menu-header= '#channel' - +menu-item(icon='bookmark', selected=true)= 'Bookmark' - +menu-item(icon='tags')= 'Tags' + +menu-item(icon='bookmark')= 'Bookmark' + +menu-item(icon='tags', selected=true)= 'Tags' + +menu-item(icon='hash')= 'achannel' +slot('body') p.u-mt-0= loremIpsum 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) header.o-dialog__header +div-heading('lg')(class='o-dialog__title') = title + +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn') section(class=bodyClass) - +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn') if slots.body - slots.body() footer.o-dialog__footer.l-button-group -- cgit v1.2.3-54-g00ecf