safari fix
This commit is contained in:
@@ -254,17 +254,30 @@ body {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tg-list-item:hover {
|
||||
background: var(--tg-color-secondary-bg);
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||
/* Hover effects for desktop */
|
||||
@media (hover: hover) and (pointer: fine) {
|
||||
.tg-list-item:hover {
|
||||
background: var(--tg-color-secondary-bg);
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
/* Touch feedback for mobile - brief highlight only */
|
||||
.tg-list-item:active {
|
||||
transform: translateY(0);
|
||||
background: var(--tg-color-secondary-bg);
|
||||
}
|
||||
|
||||
/* Prevent sticky hover states on touch devices */
|
||||
@media (hover: none) {
|
||||
.tg-list-item:hover {
|
||||
background: var(--tg-color-section-bg);
|
||||
transform: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.tg-list-item__content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user