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: the close button on 22 dialogs and the update notice gets a name for screen readers (#32615)

Browse source
This commit is contained in:
G30 2026-10-20 13:31:52 -04:00 • committed by GitHub
parent e9470816fa
commit b6808df7d6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
23 changed files with 23 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/lib/components/admin/Settings/Connections/ManageOllamaModal.svelte
View file

@ -20,6 +20,7 @@
</div>
</div>
<button
aria-label={$i18n.t('Close')}
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;

1
src/lib/components/admin/Settings/Evaluations/ArenaModelModal.svelte
View file

@ -168,6 +168,7 @@
{/if}
</div>
<button
aria-label={$i18n.t('Close')}
class="self-center"
on:click={() => {
show = false;

1
src/lib/components/admin/Settings/Models/ManageModelsModal.svelte
View file

@ -87,6 +87,7 @@
{$i18n.t('Manage Models')}
</div>
<button
aria-label={$i18n.t('Close')}
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;

1
src/lib/components/admin/UserPreviewModal.svelte
View file

@ -42,6 +42,7 @@
{/if}
</div>
<button
aria-label={$i18n.t('Close')}
class="self-center flex-shrink-0"
on:click={() => {
show = false;

1
src/lib/components/admin/Users/Groups/EditGroupModal.svelte
View file

@ -199,6 +199,7 @@
{/if}
</div>
<button
aria-label={$i18n.t('Close')}
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;

1
src/lib/components/channel/ChannelInfoModal.svelte
View file

@ -121,6 +121,7 @@
</div>
</div>
<button
aria-label={$i18n.t('Close')}
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;

1
src/lib/components/channel/ChannelInfoModal/AddMembersModal.svelte
View file

@ -94,6 +94,7 @@
</div>
</div>
<button
aria-label={$i18n.t('Close')}
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;

1
src/lib/components/channel/PinnedMessagesModal.svelte
View file

@ -76,6 +76,7 @@
</div>
</div>
<button
aria-label={$i18n.t('Close')}
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;

1
src/lib/components/channel/WebhooksModal.svelte
View file

@ -118,6 +118,7 @@
</div>
<button
aria-label={$i18n.t('Close')}
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => (show = false)}
>

1
src/lib/components/chat/Chat.svelte
View file

@ -4918,6 +4918,7 @@
<div class="flex justify-between px-4 pt-3 pb-1 dark:text-gray-300">
<div class="self-center text-sm font-medium">{$i18n.t('Chat Variables')}</div>
<button
aria-label={$i18n.t('Close')}
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
showChatVariablesModal = false;

1
src/lib/components/chat/MessageInput/InputVariablesModal.svelte
View file

@ -84,6 +84,7 @@
{title ?? $i18n.t('Input Variables')}
</div>
<button
aria-label={$i18n.t('Close')}
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;

1
src/lib/components/chat/Messages/CodeExecutionModal.svelte
View file

@ -45,6 +45,7 @@
</div>
</div>
<button
aria-label={$i18n.t('Close')}
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;

2
src/lib/components/chat/Settings/Personalization/MemoryModal.svelte
View file

@ -61,7 +61,7 @@
{$i18n.t('Add Memory')}
{/if}
</div>
<button class="self-center" on:click={() => (show = false)}>
<button aria-label={$i18n.t('Close')} class="self-center" on:click={() => (show = false)}>
<XMark className={'size-5'} />
</button>
</div>

1
src/lib/components/common/FileItemModal.svelte
View file

@ -278,6 +278,7 @@
<div>
<button
aria-label={$i18n.t('Close')}
on:click={() => {
show = false;
}}

1
src/lib/components/common/ImagePreview.svelte
View file

@ -62,6 +62,7 @@
<div class=" absolute left-0 w-full flex justify-between select-none z-20">
<div>
<button
aria-label={$i18n.t('Close')}
class=" p-5"
on:pointerdown={(e) => {
e.stopImmediatePropagation();

1
src/lib/components/layout/Sidebar/ChannelModal.svelte
View file

@ -149,6 +149,7 @@
{/if}
</div>
<button
aria-label={$i18n.t('Close')}
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;

1
src/lib/components/layout/Sidebar/UserStatusModal.svelte
View file

@ -81,6 +81,7 @@
{$i18n.t('Set your status')}
</div>
<button
aria-label={$i18n.t('Close')}
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;

1
src/lib/components/layout/UpdateInfoToast.svelte
View file

@ -28,6 +28,7 @@
<div class=" shrink-0 pr-1">
<button
aria-label={$i18n.t('Close')}
class=" hover:text-blue-900 dark:hover:text-blue-300 transition"
on:click={() => {
dispatch('close');

1
src/lib/components/workspace/Knowledge/KnowledgeBase/AddTextContentModal.svelte
View file

@ -22,6 +22,7 @@
<Modal size="full" containerClassName="" className="h-full bg-white dark:bg-gray-900" bind:show>
<div class="absolute top-0 right-0 p-5">
<button
aria-label={$i18n.t('Close')}
class="self-center dark:text-white"
type="button"
on:click={() => {

1
src/lib/components/workspace/common/AccessControlModal.svelte
View file

@ -37,6 +37,7 @@
{labels.title ?? $i18n.t('Access Control')}
</div>
<button
aria-label={$i18n.t('Close')}
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;

1
src/lib/components/workspace/common/AddAccessModal.svelte
View file

@ -36,6 +36,7 @@
</div>
</div>
<button
aria-label={$i18n.t('Close')}
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;

1
src/lib/components/workspace/common/ManifestModal.svelte
View file

@ -18,6 +18,7 @@
<div class=" flex justify-between dark:text-gray-300 px-4 pt-3 pb-1">
<div class=" text-sm font-medium self-center">{$i18n.t('Show your support!')}</div>
<button
aria-label={$i18n.t('Close')}
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;

1
src/lib/components/workspace/common/ValvesModal.svelte
View file

@ -164,6 +164,7 @@
<div class="flex justify-between dark:text-gray-100 px-4 pt-3 pb-1">
<div class="self-center text-sm font-medium">{$i18n.t('Valves')}</div>
<button
aria-label={$i18n.t('Close')}
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;