edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove opacity on hidden overlay link items, which messed with clickability on ios

Browse Source
This commit is contained in:
elise
2024-08-11 10:42:08 +02:00
parent 6e5ebcb32e
commit 22507c2d09
2 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/events/eventItem.module.scss
View File

@ -98,7 +98,7 @@
} }
} }
&:hover { /*&:hover {
opacity: 1; opacity: 1;
.text { .text {
&:before { &:before {
@ -106,7 +106,7 @@
opacity: 1; opacity: 1;
} }
} }
} }*/
} }
.image { .image {

5
web/src/css/base.scss
View File

@ -186,13 +186,13 @@ select {
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
opacity: 0;
overflow: hidden; overflow: hidden;
text-indent: -9999px; text-indent: -9999px;
z-index: 10; z-index: 10;
} }
.linkItem { @media (pointer: fine) {
.linkItem {
transition: opacity var(--transition-easing); transition: opacity var(--transition-easing);
cursor: pointer; cursor: pointer;
@ -204,6 +204,7 @@ select {
&:has(:focus-visible) { &:has(:focus-visible) {
box-shadow: 0 0 0 1px var(--color-background), 0 0 0 3px var(--color-green-dark); box-shadow: 0 0 0 1px var(--color-background), 0 0 0 3px var(--color-green-dark);
} }
}
} }
.anchorLinks { .anchorLinks {