From fca483fe5a744c3ec1288535c9a16ab29318595d Mon Sep 17 00:00:00 2001 From: Travis Lane Date: Wed, 18 Dec 2024 20:23:33 -0500 Subject: [PATCH 1/5] fix: centered and resized scroll buttons --- Theme/ElegantFin-theme-nightly.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index 68e3dc8..6e38f55 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -191,6 +191,11 @@ h1 { font-size: 1.25em; } +.emby-scrollbuttons-button.paper-icon-button-light > .material-icons { + font-size: 1.5em; + place-content: center; +} + .detailRibbon { background-color: transparent; } @@ -957,4 +962,4 @@ div[data-role=controlgroup] a.ui-btn-active { border: var(--lighterBorderColor) solid var(--borderWidth); border-radius: var(--smallRadius); margin-inline-start: 1em; -} \ No newline at end of file +} From fa47dd7ab95d7b7786419a0706ca860c01f883a6 Mon Sep 17 00:00:00 2001 From: Travis Lane Date: Thu, 19 Dec 2024 18:33:19 -0500 Subject: [PATCH 2/5] fix: library header now maintains its size on smaller screens --- Theme/ElegantFin-theme-nightly.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index 3020c98..d33eeef 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -984,3 +984,17 @@ div[data-role=controlgroup] a.ui-btn-active { border-radius: var(--smallRadius); margin-inline-start: 1em; } + +@media (min-width: 62em) { + .sectionTabs { + -webkit-align-items: center; + align-items: center; + -webkit-align-self: center; + align-self: center; + -webkit-justify-content: center; + justify-content: center; + margin-top: -4.3em; + position: relative; + width: auto; + } +} From a373e7efcd20757a1d73b53ce58acf295fed25a0 Mon Sep 17 00:00:00 2001 From: Travis Lane Date: Thu, 19 Dec 2024 19:57:27 -0500 Subject: [PATCH 3/5] fix: select options are now properly styled --- Theme/ElegantFin-theme-nightly.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index d33eeef..1efdc1e 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -998,3 +998,8 @@ div[data-role=controlgroup] a.ui-btn-active { width: auto; } } + +.emby-select-withcolor > option { + color: inherit; + background-color: var(--selectorBackgroundColor); +} From 2cad85f2a97a40a8b25c358fa2fb7dee230a734b Mon Sep 17 00:00:00 2001 From: lscambo13 Date: Fri, 20 Dec 2024 08:33:51 -0800 Subject: [PATCH 4/5] New: Shift the library and home page content upwards when section tabs move up --- Theme/ElegantFin-theme-nightly.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index 1efdc1e..d98ee00 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -997,6 +997,10 @@ div[data-role=controlgroup] a.ui-btn-active { position: relative; width: auto; } + + .libraryPage:not(.noSecondaryNavPage) { + padding-top: 4.8em !important; + } } .emby-select-withcolor > option { From f00251df35ea6e9ab9c9aa8cd36e7faad4a91cce Mon Sep 17 00:00:00 2001 From: lscambo13 Date: Fri, 20 Dec 2024 08:38:29 -0800 Subject: [PATCH 5/5] Fix: To avoid overlap with other header elements in TV layout, prevent moving section tabs upwards, and retain the default behaviour. By default on TV layout, this shift happens when the width is greater than 100em. --- Theme/ElegantFin-theme-nightly.css | 32 +++++++++++++++--------------- 1 file changed, 16 insertions(+), 16 deletions(-) diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index d98ee00..2ecbf80 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -198,7 +198,7 @@ h1 { font-size: 1.25em; } -.emby-scrollbuttons-button.paper-icon-button-light > .material-icons { +.emby-scrollbuttons-button.paper-icon-button-light>.material-icons { font-size: 1.5em; place-content: center; } @@ -986,24 +986,24 @@ div[data-role=controlgroup] a.ui-btn-active { } @media (min-width: 62em) { - .sectionTabs { - -webkit-align-items: center; - align-items: center; - -webkit-align-self: center; - align-self: center; - -webkit-justify-content: center; - justify-content: center; - margin-top: -4.3em; - position: relative; - width: auto; - } + .sectionTabs:not(.layout-tv .sectionTabs) { + -webkit-align-items: center; + align-items: center; + -webkit-align-self: center; + align-self: center; + -webkit-justify-content: center; + justify-content: center; + margin-top: -4.3em; + position: relative; + width: auto; + } .libraryPage:not(.noSecondaryNavPage) { padding-top: 4.8em !important; } } -.emby-select-withcolor > option { - color: inherit; - background-color: var(--selectorBackgroundColor); -} +.emby-select-withcolor>option { + color: inherit; + background-color: var(--selectorBackgroundColor); +} \ No newline at end of file