PrivateCoffee/tldraw
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

[fix] make follow icon visible on iPad (#1462)

Browse source 
This PR makes the "follow" button visible on iPad where hover is not
available.

### Change Type

- [x] `patch` — Bug Fix

### Test Plan

1. View the people menu on iPad
2. See that the follow person button is visible
This commit is contained in:
Steve Ruiz 2023-05-25 16:06:07 +01:00 committed by GitHub
parent b5cb601725
commit 3a1570d790
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
packages/ui/ui.css
View file

@ -1486,6 +1486,7 @@
border-radius: 100%; border-radius: 100%;
border: 4px solid var(--color-background); border: 4px solid var(--color-background);
z-index: -1; z-index: -1;
pointer-events: none;
} }
.tlui-people-menu__button:not([data-state='selected'], :disabled):active::after { .tlui-people-menu__button:not([data-state='selected'], :disabled):active::after {
@ -1610,10 +1611,6 @@
min-width: 44px; min-width: 44px;
} }
.tlui-people-menu__item__follow .tlui-icon {
opacity: 0;
}
.tlui-people-menu__item__follow[data-active='true'] .tlui-icon { .tlui-people-menu__item__follow[data-active='true'] .tlui-icon {
opacity: 1; opacity: 1;
} }
@ -1623,6 +1620,10 @@
} }
@media (hover: hover) { @media (hover: hover) {
.tlui-people-menu__item__follow .tlui-icon {
opacity: 0;
}
.tlui-people-menu__item__follow:hover .tlui-icon { .tlui-people-menu__item__follow:hover .tlui-icon {
opacity: 1; opacity: 1;
} }