mirror of
https://github.com/immich-app/immich.git
synced 2024-12-28 22:51:59 +00:00
wip: touch and hold hints
This commit is contained in:
parent
6c9ea9f7f4
commit
12bda9a479
1 changed files with 3 additions and 1 deletions
|
@ -142,10 +142,12 @@
|
||||||
{id}
|
{id}
|
||||||
style:width={buttonSize ? buttonSize + 'px' : ''}
|
style:width={buttonSize ? buttonSize + 'px' : ''}
|
||||||
style:height={buttonSize ? buttonSize + 'px' : ''}
|
style:height={buttonSize ? buttonSize + 'px' : ''}
|
||||||
class="flex place-content-center place-items-center rounded-full {colorClass} {paddingClass} transition-all disabled:cursor-default hover:dark:text-immich-dark-gray {className} {mobileClass}"
|
class="flex place-content-center place-items-center rounded-full select-none {colorClass} {paddingClass} transition-all disabled:cursor-default hover:dark:text-immich-dark-gray {className} {mobileClass}"
|
||||||
aria-label={title}
|
aria-label={title}
|
||||||
on:mouseenter={() => togglePopover(true)}
|
on:mouseenter={() => togglePopover(true)}
|
||||||
on:mouseleave={() => togglePopover(false)}
|
on:mouseleave={() => togglePopover(false)}
|
||||||
|
on:touchstart={() => togglePopover(true)}
|
||||||
|
on:touchend={() => togglePopover(false)}
|
||||||
on:focus={() => {
|
on:focus={() => {
|
||||||
if (!element.matches(':focus-visible')) {
|
if (!element.matches(':focus-visible')) {
|
||||||
return;
|
return;
|
||||||
|
|
Loading…
Reference in a new issue