Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-05-29 13:00:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/ProcessingQueueItem: fix clear button focusability

Browse Source 
it's no longer focusable when popover is hidden, fr this time
This commit is contained in:
wukko 2025-05-19 22:01:31 +06:00
parent b12a1e02a8
commit 16e69d8aee
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/queue/ProcessingQueue.svelte
View File

@ -46,7 +46,7 @@
}); });
</script> </script>
<div id="processing-queue" class:expanded={$queueVisible}> <div id="processing-queue">
<ProcessingStatus <ProcessingStatus
progress={totalProgress * 100} progress={totalProgress * 100}
{indeterminate} {indeterminate}
@ -68,7 +68,11 @@
/> />
<div class="header-buttons"> <div class="header-buttons">
{#if queue.length} {#if queue.length}
<button class="clear-button" onclick={clearQueue}> <button
class="clear-button"
onclick={clearQueue}
tabindex={!$queueVisible ? -1 : undefined}
>
<IconX /> <IconX />
{$t("button.clear")} {$t("button.clear")}
</button> </button>
@ -144,10 +148,6 @@
outline-offset: 5px; outline-offset: 5px;
} }
#processing-queue:not(.expanded) .header-buttons button {
pointer-events: none;
}
.header-buttons button :global(svg) { .header-buttons button :global(svg) {
height: 16px; height: 16px;
width: 16px; width: 16px;