From 85bfd18c93df33ac1a3d81a77fc81ce49f13cf27 Mon Sep 17 00:00:00 2001 From: lscambo13 Date: Thu, 16 Jan 2025 13:05:36 -0800 Subject: [PATCH] Fix: Play button was unintentionally bordered in some sections Fix: Disabled hover on more elements --- Theme/ElegantFin-theme-nightly.css | 44 +++++++++++++++++++++--------- 1 file changed, 31 insertions(+), 13 deletions(-) diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index 1a05beb..4d727c6 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -638,20 +638,33 @@ progress+span { margin-top: 2em; } -.btnPlay { - background-color: rgba(255, 255, 255, 0.05); - border: solid var(--lighterBorderColor) var(--borderWidth); -} - .button-link { color: rgb(200, 200, 200); } .button-link:hover { + color: unset !important; + text-decoration: none; +} + +.button-link:active { color: rgb(243, 243, 243) !important; text-decoration: none; } +.detailButton { + border-radius: var(--smallRadius); + border: solid var(--lighterBorderColor) var(--borderWidth); + padding: .5em .5em !important; + margin: 0.125em !important; + backdrop-filter: blur(.1em); +} + +.btnPlay.detailButton { + background-color: rgba(255, 255, 255, 0.05); + border: solid var(--lighterBorderColor) var(--borderWidth); +} + .btnPlay>.detailButton-content { -webkit-align-items: unset; align-items: unset; @@ -683,14 +696,6 @@ progress+span { padding-bottom: 5vh; } -.detailButton { - border-radius: var(--smallRadius); - border: solid var(--lighterBorderColor) var(--borderWidth); - padding: .5em .5em !important; - margin: 0.125em !important; - backdrop-filter: blur(.1em); -} - .btnHeaderSave.button-flat { color: var(--btnSubmitBorderColor) !important; gap: 0.3em; @@ -1286,6 +1291,9 @@ div[data-role=controlgroup] a.ui-btn-active { .sectionTitleTextButton:hover { background: transparent !important; +} + +.sectionTitleTextButton:active { color: white !important; } @@ -1391,6 +1399,16 @@ div[data-role=controlgroup] a.ui-btn-active { #scenesContent .cardScalable:hover { border-color: var(--dimTextColor) !important; } + + .sectionTitleTextButton:hover { + background: transparent !important; + color: white !important; + } + + .button-link:hover { + color: rgb(243, 243, 243) !important; + text-decoration: none; + } } .paper-icon-button-light:active:not(:disabled) {