MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(style): focus ring around selected pill input

This commit is contained in:
upsiflu 2025-02-24 11:10:11 +01:00
parent dd4125b5fd
commit b82643d1a2
2 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
front/src/components/ui/Pills.vue
View File

@ -200,15 +200,12 @@ watch(model, () => {
<!-- TODO: Add error state (or mitigation) if new label is already in `custom[]` --> <!-- TODO: Add error state (or mitigation) if new label is already in `custom[]` -->
<Pill <Pill solid no-underline
v-if="model.custom" v-if="model.custom"
:key="componentKey" :key="componentKey"
v-model="additionalValue" v-model="additionalValue"
outline :key = "componentKey"
raised style="margin-right: 40px; height:32px; flex-grow: 1;"
no-underline
:class="$style.pill"
style="margin-right: 40px; height:32px;"
/> />
</Layout> </Layout>
</Layout> </Layout>

4
front/src/components/ui/pill.scss
View File

@ -23,8 +23,8 @@
min-width: 28px; min-width: 28px;
border-radius: inherit; border-radius: inherit;
&:focus-visible, &:focus { &:focus-visible, &:focus {
outline: 2px solid var(--focus-ring-color); outline: 1px solid var(--focus-ring-color);
outline-offset: 5px; outline-offset: 2px;
} }
} }