Infrastructure/immich
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-02-04 01:09:14 -05:00
Code Issues Activity

wip: refining colors and visibility

Browse source
This commit is contained in:
ben-basten 2024-10-12 15:38:17 -04:00
parent 0ea22f76bd
commit 3baebff162
No known key found for this signature in database
GPG key ID: 78803E894B258348
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
web/src/lib/components/elements/buttons/circle-icon-button.svelte
View file

@ -139,7 +139,12 @@
aria-label={title} aria-label={title}
on:mouseenter={() => togglePopover(true)} on:mouseenter={() => togglePopover(true)}
on:mouseleave={() => togglePopover(false)} on:mouseleave={() => togglePopover(false)}
on:focus={() => togglePopover(true)} on:focus={() => {
if (!element.matches(':focus-visible')) {
return;
}
togglePopover(true);
}}
on:blur={() => togglePopover(false)} on:blur={() => togglePopover(false)}
on:click on:click
{...$$restProps} {...$$restProps}
@ -150,7 +155,7 @@
<div <div
in:scale={{ duration: 150, opacity: 0, start: 0.9 }} in:scale={{ duration: 150, opacity: 0, start: 0.9 }}
out:scale={{ duration: 150, opacity: 0, start: 0.9 }} out:scale={{ duration: 150, opacity: 0, start: 0.9 }}
class="fixed inset-[unset] rounded-md border bg-gray-500 p-2 text-[12px] text-gray-100 shadow-md dark:border-immich-dark-gray dark:bg-immich-dark-gray" class="fixed inset-[unset] rounded-md border bg-gray-500 p-2 text-[12px] text-gray-100 shadow-md dark:bg-immich-dark-gray"
style:top={top + 'px'} style:top={top + 'px'}
style:left={left + 'px'} style:left={left + 'px'}
bind:this={popover} bind:this={popover}