diff options
| author | Volpeon <git@volpeon.ink> | 2023-02-12 20:48:13 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2023-02-12 20:48:13 +0100 |
| commit | 894aee1a5ca3f01292f6db7da9a903fdb2235065 (patch) | |
| tree | 39caa2c8160b1a526034c808aa6bdbca4c147432 /tpl | |
| parent | Fix again (diff) | |
| download | iro-design-894aee1a5ca3f01292f6db7da9a903fdb2235065.tar.gz iro-design-894aee1a5ca3f01292f6db7da9a903fdb2235065.tar.bz2 iro-design-894aee1a5ca3f01292f6db7da9a903fdb2235065.zip | |
Update
Diffstat (limited to 'tpl')
| -rw-r--r-- | tpl/objects/overflow-button.pug | 3 | ||||
| -rw-r--r-- | tpl/views/overflow-button.pug | 27 |
2 files changed, 30 insertions, 0 deletions
diff --git a/tpl/objects/overflow-button.pug b/tpl/objects/overflow-button.pug index f52f12b..301c6b3 100644 --- a/tpl/objects/overflow-button.pug +++ b/tpl/objects/overflow-button.pug | |||
| @@ -7,6 +7,9 @@ mixin overflow-button | |||
| 7 | 'u-d-block': attributes.block, | 7 | 'u-d-block': attributes.block, |
| 8 | 'is-selected': attributes.selected | 8 | 'is-selected': attributes.selected |
| 9 | } | 9 | } |
| 10 | if (attributes.variant) { | ||
| 11 | classes['o-overflow-button--' + attributes.variant] = true | ||
| 12 | } | ||
| 10 | if (attributes.class) { | 13 | if (attributes.class) { |
| 11 | classes[attributes.class] = true; | 14 | classes[attributes.class] = true; |
| 12 | } | 15 | } |
diff --git a/tpl/views/overflow-button.pug b/tpl/views/overflow-button.pug index 112aaab..6eb63a4 100644 --- a/tpl/views/overflow-button.pug +++ b/tpl/views/overflow-button.pug | |||
| @@ -8,3 +8,30 @@ mixin view-overflow-button | |||
| 8 | +overflow-button(icon='trash' disabled=true)= 'Disabled' | 8 | +overflow-button(icon='trash' disabled=true)= 'Disabled' |
| 9 | = ' ' | 9 | = ' ' |
| 10 | +overflow-button(icon='trash' selected=true disabled=true)= 'Selected + disabled' | 10 | +overflow-button(icon='trash' selected=true disabled=true)= 'Selected + disabled' |
| 11 | |||
| 12 | .c-box | ||
| 13 | +overflow-button(icon='trash' variant='red')= '123' | ||
| 14 | = ' ' | ||
| 15 | +overflow-button(icon='trash' variant='red' selected=true)= 'Delete' | ||
| 16 | = ' ' | ||
| 17 | +overflow-button(icon='trash' variant='red' disabled=true)= 'Disabled' | ||
| 18 | = ' ' | ||
| 19 | +overflow-button(icon='trash' variant='red' selected=true disabled=true)= 'Selected + disabled' | ||
| 20 | |||
| 21 | .c-box | ||
| 22 | +overflow-button(icon='trash' variant='blue')= '123' | ||
| 23 | = ' ' | ||
| 24 | +overflow-button(icon='trash' variant='blue' selected=true)= 'Delete' | ||
| 25 | = ' ' | ||
| 26 | +overflow-button(icon='trash' variant='blue' disabled=true)= 'Disabled' | ||
| 27 | = ' ' | ||
| 28 | +overflow-button(icon='trash' variant='blue' selected=true disabled=true)= 'Selected + disabled' | ||
| 29 | |||
| 30 | .c-box | ||
| 31 | +overflow-button(icon='trash' variant='green')= '123' | ||
| 32 | = ' ' | ||
| 33 | +overflow-button(icon='trash' variant='green' selected=true)= 'Delete' | ||
| 34 | = ' ' | ||
| 35 | +overflow-button(icon='trash' variant='green' disabled=true)= 'Disabled' | ||
| 36 | = ' ' | ||
| 37 | +overflow-button(icon='trash' variant='green' selected=true disabled=true)= 'Selected + disabled' | ||