From ba6f376173e491f57e2416b112188aec28ca1109 Mon Sep 17 00:00:00 2001 From: lscambo13 Date: Thu, 26 Dec 2024 10:22:54 -0800 Subject: [PATCH] New: Added hover effects to chapter cards and checkboxes dev: Reorganised some entries --- Theme/ElegantFin-theme-nightly.css | 45 ++++++++++++++++++++---------- 1 file changed, 30 insertions(+), 15 deletions(-) diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index d7ba0c1..635fd65 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -451,16 +451,6 @@ html { margin-top: 2em; } -.emby-select-withcolor, -.emby-select, -.emby-input, -.emby-textarea { - background-color: var(--selectorBackgroundColor); - border: var(--lighterBorderColor) solid var(--borderWidth); - border-radius: var(--smallRadius); - padding: .5em !important; -} - .btnPlay { background-color: rgba(255, 255, 255, 0.05); border: solid var(--lighterBorderColor) var(--borderWidth); @@ -722,6 +712,11 @@ html { height: calc(100% - 0em); } +.checkboxContainer:hover .checkboxOutline:not(.multiSelectCheckboxOutline) { + border-color: var(--checkboxCheckedBgColor); + border-width: calc(2 * var(--borderWidth)); +} + .checkboxOutline.multiSelectCheckboxOutline { border-radius: var(--largeRadius); border-width: 0; @@ -1115,6 +1110,16 @@ div[data-role=controlgroup] a.ui-btn-active { background-color: rgb(255 255 255 / 5%); } +.emby-select-withcolor, +.emby-select, +.emby-input, +.emby-textarea { + background-color: var(--selectorBackgroundColor); + border: var(--lighterBorderColor) solid var(--borderWidth); + border-radius: var(--smallRadius); + padding: .5em !important; +} + .inputLabelFocused, .selectLabelFocused, .textareaLabelFocused { @@ -1127,6 +1132,17 @@ div[data-role=controlgroup] a.ui-btn-active { border-color: #c1c1c1 !important; } +.emby-select-withcolor:hover, +.emby-input:hover, +.emby-textarea:hover { + border-color: var(--dimTextColor) !important; +} + +.emby-select-withcolor>option { + color: inherit; + background-color: var(--selectorBackgroundColor); +} + .layout-mobile [dir=ltr] .infoWrapper { padding-left: 34%; } @@ -1167,11 +1183,6 @@ div[data-role=controlgroup] a.ui-btn-active { } } -.emby-select-withcolor>option { - color: inherit; - background-color: var(--selectorBackgroundColor); -} - .layout-tv .headerLeft { overflow: unset; } @@ -1225,4 +1236,8 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child { .playerStats { border-radius: var(--largeRadius); +} + +#scenesContent .cardScalable:hover { + border-color: var(--dimTextColor) !important; } \ No newline at end of file