summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-03-09 08:10:07 +0100
committerVolpeon <git@volpeon.ink>2022-03-09 08:10:07 +0100
commitba9d7211ef338696df1efbd3510c055dfa77b295 (patch)
treef48c48bf0a9d17d7b22d2ba6a58138604b9bd245
parentImproved dialog (diff)
downloadiro-design-ba9d7211ef338696df1efbd3510c055dfa77b295.tar.gz
iro-design-ba9d7211ef338696df1efbd3510c055dfa77b295.tar.bz2
iro-design-ba9d7211ef338696df1efbd3510c055dfa77b295.zip
Independent pad-y for dialog sidebar
-rw-r--r--src/objects/_dialog.scss3
-rw-r--r--tpl/index.pug5
-rw-r--r--tpl/objects/dialog.pug2
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