diff options
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' | ||