mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Fix hovering (mobile)

Browse source
This commit is contained in:
Cameron 2020-08-31 10:02:25 +01:00
parent 6045a026c7
commit af9bf3320d
6 changed files with 48 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/themes/appletv/theme.css
View file

@ -62,7 +62,14 @@ html {
background: #f0f0f0; 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; color: #00a4dc;
background-color: rgba(0, 164, 220, 0.2); background-color: rgba(0, 164, 220, 0.2);
} }

9
src/themes/blueradiance/theme.css
View file

@ -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; color: #00a4dc;
background-color: rgba(0, 164, 220, 0.2); background-color: rgba(0, 164, 220, 0.2);
} }

9
src/themes/dark/theme.css
View file

@ -46,7 +46,14 @@ html {
background-color: rgba(0, 0, 0, 0.86); 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; color: #00a4dc;
background-color: rgba(0, 164, 220, 0.2); background-color: rgba(0, 164, 220, 0.2);
} }

9
src/themes/light/theme.css
View file

@ -61,7 +61,14 @@ html {
color: #000; 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; color: #00a4dc;
background-color: rgba(0, 164, 220, 0.2); background-color: rgba(0, 164, 220, 0.2);
} }

9
src/themes/purplehaze/theme.css
View file

@ -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); color: rgb(12, 232, 214);
background-color: rgba(0, 164, 220, 0.2); background-color: rgba(0, 164, 220, 0.2);
} }

9
src/themes/wmc/theme.css
View file

@ -62,7 +62,14 @@ html {
background: rgba(17, 98, 164, 0.9); 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; color: #00a4dc;
background-color: rgba(0, 164, 220, 0.2); background-color: rgba(0, 164, 220, 0.2);
} }