scriptoriumadmin/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-10-29 06:32:52 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

fix(a11y): the Note Menu and Delete buttons in the Notes list and grid are 24 pixels square when Accessibility Mode is on (#33141)

Browse source
This commit is contained in:
G30 2026-10-24 23:40:30 -04:00 • committed by GitHub
parent 9f85c27be7
commit 656bdeeb6d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 23 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/lib/components/notes/Notes.svelte
View file

@ -19,7 +19,15 @@
const i18n = getContext<typeof import('$lib/i18n').default>('i18n');
import { goto } from '$app/navigation';
import { WEBUI_NAME, config, user, pinnedNotes, mobile, showSidebar } from '$lib/stores';
import {
WEBUI_NAME,
config,
user,
pinnedNotes,
mobile,
showSidebar,
settings
} from '$lib/stores';
import {
createNewNote,
deleteNoteById,
@ -669,7 +677,9 @@
{#if shiftKey}
<Tooltip content={$i18n.t('Delete')}>
<button
class="flex size-5 shrink-0 items-center justify-center rounded-lg text-gray-400 transition hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-200"
class="flex {($settings?.highContrastMode ?? false)
? 'size-6'
: 'size-5'} shrink-0 items-center justify-center rounded-lg text-gray-400 transition hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-200"
type="button"
aria-label={$i18n.t('Delete')}
on:click={(e) => {
@ -721,7 +731,9 @@
}}
>
<button
class="flex size-5 shrink-0 items-center justify-center rounded-lg text-gray-400 transition hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-200"
class="flex {($settings?.highContrastMode ?? false)
? 'size-6'
: 'size-5'} shrink-0 items-center justify-center rounded-lg text-gray-400 transition hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-200"
type="button"
aria-label={$i18n.t('Note Menu')}
on:click={(e) => {
@ -762,7 +774,10 @@
{#if shiftKey}
<Tooltip content={$i18n.t('Delete')}>
<button
class="absolute right-1 top-1 flex size-5 shrink-0 items-center justify-center rounded text-gray-400 transition hover:bg-gray-50/40 hover:text-gray-600 dark:text-gray-500 dark:hover:bg-white/4 dark:hover:text-gray-400"
class="absolute right-1 top-1 flex {($settings?.highContrastMode ??
false)
? 'size-6'
: 'size-5'} shrink-0 items-center justify-center rounded text-gray-400 transition hover:bg-gray-50/40 hover:text-gray-600 dark:text-gray-500 dark:hover:bg-white/4 dark:hover:text-gray-400"
type="button"
aria-label={$i18n.t('Delete')}
on:click={(e) => {
@ -810,7 +825,10 @@
}}
>
<button
class="absolute right-1 top-1 flex size-5 shrink-0 items-center justify-center rounded text-gray-400 transition hover:bg-gray-50/40 hover:text-gray-600 dark:text-gray-500 dark:hover:bg-white/4 dark:hover:text-gray-400"
class="absolute right-1 top-1 flex {($settings?.highContrastMode ??
false)
? 'size-6'
: 'size-5'} shrink-0 items-center justify-center rounded text-gray-400 transition hover:bg-gray-50/40 hover:text-gray-600 dark:text-gray-500 dark:hover:bg-white/4 dark:hover:text-gray-400"
type="button"
aria-label={$i18n.t('Note Menu')}
>