Fix: Prevent hover from activating on touchscreen devices on more elements

This commit is contained in:
lscambo13
2025-01-16 09:40:44 -08:00
parent 2d5366a0bb
commit e6795c22e7

View File

@@ -1129,17 +1129,26 @@ div[data-role=controlgroup] a.ui-btn-active {
margin: .5em 1em !important; margin: .5em 1em !important;
} }
.listItem:hover,
.navMenuOption:hover {
background: rgba(255, 255, 255, 0.125);
border-radius: .7em;
}
.navMenuOption-selected { .navMenuOption-selected {
background-color: var(--activeColor) !important; background-color: var(--activeColor) !important;
border: solid var(--lighterBorderColor) var(--borderWidth); border: solid var(--lighterBorderColor) var(--borderWidth);
} }
.listItem,
.navMenuOption {
border-radius: .7em;
}
.listItem:hover,
.navMenuOption:hover {
background: unset;
}
.listItem:active,
.navMenuOption:active {
background: rgba(255, 255, 255, 0.125);
}
.MuiListItem-root>a, .MuiListItem-root>a,
.MuiList-root>a, .MuiList-root>a,
.MuiListItem-root>div { .MuiListItem-root>div {
@@ -1368,6 +1377,20 @@ div[data-role=controlgroup] a.ui-btn-active {
.alphaPickerButton:hover { .alphaPickerButton:hover {
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
} }
.listItem:hover,
.navMenuOption:hover {
background: rgba(255, 255, 255, 0.125);
}
.searchfields-icon:hover,
.inputContainer .emby-input-iconbutton:hover {
color: rgba(255, 255, 255, 0.8);
}
#scenesContent .cardScalable:hover {
border-color: var(--dimTextColor) !important;
}
} }
.paper-icon-button-light:active:not(:disabled) { .paper-icon-button-light:active:not(:disabled) {
@@ -1432,9 +1455,7 @@ div[data-role=controlgroup] a.ui-btn-active {
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
} }
.searchfields-icon:hover,
.searchfields-icon:active, .searchfields-icon:active,
.inputContainer .emby-input-iconbutton:hover,
.inputContainer .emby-input-iconbutton:active { .inputContainer .emby-input-iconbutton:active {
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
} }
@@ -1570,7 +1591,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
padding: 1em !important; padding: 1em !important;
} }
#scenesContent .cardScalable:hover { #scenesContent .cardScalable:active {
border-color: var(--dimTextColor) !important; border-color: var(--dimTextColor) !important;
} }