wjones/jellyfin-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #1867 from Camc314/fix-hovering-on-mobile

Browse Source 
Fix hovering CSS changes on mobile
This commit is contained in:
dkanada
2020-09-03 23:35:14 +09:00
committed by GitHub
parent abe4466f83 fe5ff12cf2
commit c5223cbc80
6 changed files with 48 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/themes/appletv/theme.css
+8 -1
View File
@@ -66,7 +66,14 @@ html {
background: #f0f0f0;
}
.paper-icon-button-light:hover:not(:disabled) {
@media (hover: hover) and (pointer: fine) {
.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);
}
src/themes/blueradiance/theme.css
+8 -1
View File
@@ -66,7 +66,14 @@ html {
}
}
.paper-icon-button-light:hover:not(:disabled) {
@media (hover: hover) and (pointer: fine) {
.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);
}
src/themes/dark/theme.css
+8 -1
View File
@@ -54,7 +54,14 @@ html {
background-color: rgba(0, 0, 0, 0.86);
}
.paper-icon-button-light:hover:not(:disabled) {
@media (hover: hover) and (pointer: fine) {
.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);
}
src/themes/light/theme.css
+8 -1
View File
@@ -69,7 +69,14 @@ html {
color: #000;
}
.paper-icon-button-light:hover:not(:disabled) {
@media (hover: hover) and (pointer: fine) {
.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);
}
src/themes/purplehaze/theme.css
+8 -1
View File
@@ -62,7 +62,14 @@ html {
}
}
.paper-icon-button-light:hover:not(:disabled) {
@media (hover: hover) and (pointer: fine) {
.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);
}
src/themes/wmc/theme.css
+8 -1
View File
@@ -64,7 +64,14 @@ html {
background: rgba(17, 98, 164, 0.9);
}
.paper-icon-button-light:hover:not(:disabled) {
@media (hover: hover) and (pointer: fine) {
.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);
}