github-starred/open-webui
2
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-11-14 05:02:01 -06:00
Code Issues 2.4k Packages Projects Releases 129 Wiki Activity

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-25 12:40:30 +09:00
committed by GitHub
parent 9f85c27be7
commit 656bdeeb6d
1 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/notes/Notes.svelte
+23 -5
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')}
>