homelab/Watcharr
1
0
Fork 0
mirror of https://github.com/sbondCo/Watcharr.git synced 2026-08-07 07:14:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Posters: Fix focus style (only apply if focused via keyboard)

Browse Source
This commit is contained in:
IRHM
2024-09-22 20:37:49 +01:00
parent 64e7929714
commit 7cfbc6c344
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/poster/GamePoster.svelte
+3 -3
View File
@@ -336,18 +336,18 @@
}
&:hover,
&:focus-within {
&:has(:focus-visible) {
transform: scale(1.3);
z-index: 99;
}
&.small:hover,
&.small:focus-within {
&.small:has(:focus-visible) {
transform: scale(1.1);
}
&:hover,
&:focus-within,
&:has(:focus-visible),
&:global(.details-shown) {
img {
filter: blur(4px) grayscale(80%);
src/lib/poster/PersonPoster.svelte
+3 -3
View File
@@ -143,7 +143,7 @@
&:not(.no-zoom) {
&:hover,
&:focus-within {
&:has(:focus-visible) {
transform: scale(1.3);
z-index: 99;
}
@@ -151,13 +151,13 @@
&:not(:not(.no-zoom)) {
&:hover,
&:focus-within {
&:has(:focus-visible) {
outline: 3px solid $text-color;
}
}
&:hover,
&:focus-within,
&:has(:focus-visible),
&:global(.details-shown) {
.inner {
color: white;
src/lib/poster/Poster.svelte
+3 -3
View File
@@ -284,18 +284,18 @@
}
&:hover,
&:focus-within {
&:has(:focus-visible) {
transform: scale(1.3);
z-index: 99;
}
&.small:hover,
&.small:focus-within {
&.small:has(:focus-visible) {
transform: scale(1.1);
}
&:hover,
&:focus-within,
&:has(:focus-visible),
&:global(.details-shown) {
img {
filter: blur(4px) grayscale(80%);