diff options
| author | dakkar <dakkar@thenautilus.net> | 2025-05-01 14:23:51 +0100 |
|---|---|---|
| committer | dakkar <dakkar@thenautilus.net> | 2025-05-01 14:23:51 +0100 |
| commit | bd72de28050d4a269544edcf67315f635df22aba (patch) | |
| tree | c10b922a163a223ad57297596f11327541d8520d /packages/frontend/src/components | |
| parent | fix renoter avatar in SkNote (diff) | |
| download | sharkey-bd72de28050d4a269544edcf67315f635df22aba.tar.gz sharkey-bd72de28050d4a269544edcf67315f635df22aba.tar.bz2 sharkey-bd72de28050d4a269544edcf67315f635df22aba.zip | |
allow clearing a role's color - fixes #734
Diffstat (limited to 'packages/frontend/src/components')
| -rw-r--r-- | packages/frontend/src/components/MkColorInput.vue | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkColorInput.vue b/packages/frontend/src/components/MkColorInput.vue index 9c6ccac8db..ed8c44057c 100644 --- a/packages/frontend/src/components/MkColorInput.vue +++ b/packages/frontend/src/components/MkColorInput.vue @@ -19,12 +19,15 @@ SPDX-License-Identifier: AGPL-3.0-only @input="onInput" > </div> + <MkButton @click="removeColor">{{ i18n.ts.reset }}</MkButton> <div :class="$style.caption"><slot name="caption"></slot></div> </div> </template> <script lang="ts" setup> import { ref, useTemplateRef, toRefs } from 'vue'; +import MkButton from '@/components/MkButton.vue'; +import { i18n } from '@/i18n.js'; const props = defineProps<{ modelValue: string | null; @@ -44,6 +47,10 @@ const inputEl = useTemplateRef('inputEl'); const onInput = () => { emit('update:modelValue', v.value ?? ''); }; +const removeColor = () => { + v.value = null; + onInput(); +} </script> <style lang="scss" module> |