torsten/yourpart3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(vocab): enhance choice button styles for improved accessibility and focus visibility

Browse Source
This commit is contained in:
Torsten Schulz (local)
2026-08-24 13:38:41 +02:00
parent 8e72239358
commit e175eb1436
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/views/social/VocabLessonView.vue
View File

@@ -6015,6 +6015,7 @@ export default {
border: 2px solid #ddd; border: 2px solid #ddd;
border-radius: 4px; border-radius: 4px;
background: white; background: white;
color: var(--color-text-primary);
cursor: pointer; cursor: pointer;
font-size: 1em; font-size: 1em;
transition: all 0.2s; transition: all 0.2s;
@@ -6023,6 +6024,13 @@ export default {
.choice-button:hover { .choice-button:hover {
border-color: var(--color-primary); border-color: var(--color-primary);
background: var(--color-primary-soft); background: var(--color-primary-soft);
color: var(--color-text-primary);
}
.choice-button:focus-visible {
border-color: var(--color-primary);
outline: 3px solid var(--color-primary-soft);
outline-offset: 2px;
} }
.choice-button.selected { .choice-button.selected {