fix: flicker on mobile member card
This commit is contained in:
1
public/scripts/index.js
Normal file
1
public/scripts/index.js
Normal file
@@ -0,0 +1 @@
|
|||||||
|
// intentionally empty placeholder
|
||||||
@@ -244,6 +244,7 @@ p {
|
|||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Labels */
|
/* Labels */
|
||||||
@@ -288,6 +289,17 @@ p {
|
|||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Disable hover effects on touch devices to prevent flicker */
|
||||||
|
@media (hover: none) {
|
||||||
|
.member-card:hover::before {
|
||||||
|
opacity: 0 !important;
|
||||||
|
}
|
||||||
|
.member-card:hover {
|
||||||
|
box-shadow: none !important;
|
||||||
|
z-index: 1 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.member-card.expanded {
|
.member-card.expanded {
|
||||||
border-color: rgba(255, 255, 255, 0.2);
|
border-color: rgba(255, 255, 255, 0.2);
|
||||||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
|
||||||
|
|||||||
Reference in New Issue
Block a user