fix: paper-icon-button-light hover on focus

This commit is contained in:
Adam Perkowski
2025-03-01 22:47:05 +01:00
parent 30e34913f6
commit e56da53c57
3 changed files with 30 additions and 36 deletions
+1
View File
@@ -18,4 +18,5 @@ indent_size = 2
# documentation, utils # documentation, utils
[*.{md,mdx,diff}] [*.{md,mdx,diff}]
indent_size = 4
trim_trailing_whitespace = false trim_trailing_whitespace = false
+4 -10
View File
@@ -42,20 +42,14 @@
``` ```
2. Open settings, navigate to Display and paste the CSS into the section called "Custom CSS code" 2. Open settings, navigate to Display and paste the CSS into the section called "Custom CSS code"
3. Copy your preferred flavor's import rule and paste it **after** the theme import: 3. Copy your preferred flavor's import rule and paste it **after** the theme import:
- 🌻 Latte
```css ```css
/* 🌻 Latte */
@import url('https://adamperkowski.github.io/jellyfin/latte.css'); @import url('https://adamperkowski.github.io/jellyfin/latte.css');
``` /* 🪴 Frappé */
- 🪴 Frappé
```css
@import url('https://adamperkowski.github.io/jellyfin/frappe.css'); @import url('https://adamperkowski.github.io/jellyfin/frappe.css');
``` /* 🌺 Macchiato */
- 🌺 Macchiato
```css
@import url('https://adamperkowski.github.io/jellyfin/macchiato.css'); @import url('https://adamperkowski.github.io/jellyfin/macchiato.css');
``` /* 🌿 Mocha */
- 🌿 Mocha
```css
@import url('https://adamperkowski.github.io/jellyfin/mocha.css'); @import url('https://adamperkowski.github.io/jellyfin/mocha.css');
``` ```
4. Press save and you're done! 4. Press save and you're done!
-1
View File
@@ -100,7 +100,6 @@ html {
} }
.paper-icon-button-light:hover:not(:disabled), .paper-icon-button-light:hover:not(:disabled),
.paper-icon-button-light:focus,
.listItem:hover, .listItem:hover,
.listItem:focus, .listItem:focus,
.navMenuOption:hover, .navMenuOption:hover,