mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-06-28 01:18:27 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

web/ProcessingQueueItem: prettier file actions reveal

Browse Source
This commit is contained in:
wukko 2025-05-22 23:36:20 +06:00
parent ae8eee099f
commit 788098cc88
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/components/queue/ProcessingQueueItem.svelte
View File

@ -161,6 +161,7 @@
class="processing-item" class="processing-item"
role="listitem" role="listitem"
tabindex={$queueVisible ? 0 : -1} tabindex={$queueVisible ? 0 : -1}
class:queue-hidden={!$queueVisible}
> >
<div class="processing-info"> <div class="processing-info">
<div class="file-title"> <div class="file-title">
@ -352,9 +353,10 @@
height: 90%; height: 90%;
padding-left: 18px; padding-left: 18px;
visibility: hidden; transform: translateX(5px);
opacity: 0; opacity: 0;
transition: opacity 0.2s; transition: opacity 0.15s, transform 0.15s;
mask-image: linear-gradient( mask-image: linear-gradient(
90deg, 90deg,
@ -363,11 +365,18 @@
); );
} }
.queue-hidden .file-actions {
visibility: hidden;
}
:global([dir="rtl"]) .file-actions { :global([dir="rtl"]) .file-actions {
left: 0; left: 0;
right: unset; right: unset;
padding-left: 0; padding-left: 0;
padding-right: 18px; padding-right: 18px;
transform: translateX(-5px);
mask-image: linear-gradient( mask-image: linear-gradient(
-90deg, -90deg,
rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%,
@ -377,8 +386,8 @@
.processing-item:hover .file-actions, .processing-item:hover .file-actions,
.processing-item:focus-within .file-actions { .processing-item:focus-within .file-actions {
visibility: visible;
opacity: 1; opacity: 1;
transform: none;
} }
} }