mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Fix hovering (mobile)
This commit is contained in:
parent
6045a026c7
commit
af9bf3320d
6 changed files with 48 additions and 6 deletions
|
@ -62,7 +62,14 @@ html {
|
|||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
@media (hover: hover) {
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
color: #00a4dc;
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
.paper-icon-button-light:active:not(:disabled) {
|
||||
color: #00a4dc;
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
|
|
|
@ -64,7 +64,14 @@ html {
|
|||
}
|
||||
}
|
||||
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
@media (hover: hover) {
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
color: #00a4dc;
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
.paper-icon-button-light:active:not(:disabled) {
|
||||
color: #00a4dc;
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
|
|
|
@ -46,7 +46,14 @@ html {
|
|||
background-color: rgba(0, 0, 0, 0.86);
|
||||
}
|
||||
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
@media (hover: hover) {
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
color: #00a4dc;
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
.paper-icon-button-light:active:not(:disabled) {
|
||||
color: #00a4dc;
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
|
|
|
@ -61,7 +61,14 @@ html {
|
|||
color: #000;
|
||||
}
|
||||
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
@media (hover: hover) {
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
color: #00a4dc;
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
.paper-icon-button-light:active:not(:disabled) {
|
||||
color: #00a4dc;
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
|
|
|
@ -59,7 +59,14 @@ html {
|
|||
}
|
||||
}
|
||||
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
@media (hover: hover) {
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
color: rgb(12, 232, 214);
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
.paper-icon-button-light:active:not(:disabled) {
|
||||
color: rgb(12, 232, 214);
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
|
|
|
@ -62,7 +62,14 @@ html {
|
|||
background: rgba(17, 98, 164, 0.9);
|
||||
}
|
||||
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
@media (hover: hover) {
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
color: #00a4dc;
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
.paper-icon-button-light:active:not(:disabled) {
|
||||
color: #00a4dc;
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue