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 {

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

@ -186,23 +186,24 @@ 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) {
transition: opacity var(--transition-easing); .linkItem {
cursor: pointer;
&:hover {
opacity: .6;
transition: opacity var(--transition-easing); transition: opacity var(--transition-easing);
} cursor: pointer;
&:has(:focus-visible) { &:hover {
box-shadow: 0 0 0 1px var(--color-background), 0 0 0 3px var(--color-green-dark); opacity: .6;
transition: opacity var(--transition-easing);
}
&:has(:focus-visible) {
box-shadow: 0 0 0 1px var(--color-background), 0 0 0 3px var(--color-green-dark);
}
} }
} }