summaryrefslogtreecommitdiffstats
path: root/tpl
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-10 06:25:12 +0100
committerVolpeon <git@volpeon.ink>2022-02-10 06:25:12 +0100
commita8bf508fa2474d07c6c9a4f4c90bc42246896df1 (patch)
tree69933c7a476fa4b427752777196486bec0f11115 /tpl
parentAdded menu (diff)
downloadiro-design-a8bf508fa2474d07c6c9a4f4c90bc42246896df1.tar.gz
iro-design-a8bf508fa2474d07c6c9a4f4c90bc42246896df1.tar.bz2
iro-design-a8bf508fa2474d07c6c9a4f4c90bc42246896df1.zip
Update
Diffstat (limited to 'tpl')
-rw-r--r--tpl/index.pug2
-rw-r--r--tpl/objects/menu.pug11
2 files changed, 10 insertions, 3 deletions
diff --git a/tpl/index.pug b/tpl/index.pug
index fa9bd85..510e09b 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -476,7 +476,7 @@ html
476 +rule(level='medium') 476 +rule(level='medium')
477 477
478 +box 478 +box
479 div(style={ display: 'flex', gap: '2rem' }) 479 div(style={ display: 'flex', gap: '3rem' })
480 +menu 480 +menu
481 +menu-header= 'Category 1' 481 +menu-header= 'Category 1'
482 +menu-item= 'Mark as away' 482 +menu-item= 'Mark as away'
diff --git a/tpl/objects/menu.pug b/tpl/objects/menu.pug
index 7c9c07e..97a571d 100644
--- a/tpl/objects/menu.pug
+++ b/tpl/objects/menu.pug
@@ -1,12 +1,19 @@
1include icon.pug 1include icon.pug
2include status-indicator.pug 2include status-indicator.pug
3include action-button.pug
3 4
4mixin menu 5mixin menu
5 .o-menu 6 .o-menu
6 block 7 block
7 8
8mixin menu-item 9mixin menu-item
9 button.o-menu__item(disabled=attributes.disabled) 10 -
11 let classes = {
12 'o-menu__item': true,
13 'is-selected': attributes.selected,
14 }
15
16 button(class=classes, disabled=attributes.disabled)
10 .l-card.l-card--flush 17 .l-card.l-card--flush
11 if attributes.icon 18 if attributes.icon
12 .l-card__block.o-menu__icon-slot 19 .l-card__block.o-menu__icon-slot
@@ -14,7 +21,7 @@ mixin menu-item
14 +status-indicator(attributes.icon)(class='o-menu__icon') 21 +status-indicator(attributes.icon)(class='o-menu__icon')
15 else 22 else
16 +icon(attributes.icon)(class='o-menu__icon') 23 +icon(attributes.icon)(class='o-menu__icon')
17 .l-card__block.l-card__block--main 24 .l-card__block.l-card__block--main&attributes({ class: attributes.contentClass })
18 block 25 block
19 if attributes.postIcon 26 if attributes.postIcon
20 .l-card__block.o-menu__icon-slot 27 .l-card__block.o-menu__icon-slot