dev: Code cleanup

Theme/ElegantFin-theme-nightly.css

@@ -4,10 +4,8 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
 
 :root {
-    /* outline: 0px dotted red !important; */
     --darkerGradientPoint: #111827;
     --lighterGradientPoint: #1d2635;
-    /* --borderColor: rgba(75, 85, 99, 0.9); */
     --borderColor: rgb(71, 80, 92);
     --headerColor: rgba(30, 40, 54, 0.8);
     --drawerColor: rgba(30, 40, 54, 0.9);
@@ -21,10 +19,6 @@
     --hoverGradient: linear-gradient(130deg, rgb(255 255 255 / 20%) 20%, rgb(255 255 255 / 10%) 40%);
 }
 
-/* html {
-    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
-} */
-
 html {
     font-family: "Inter", serif;
     font-optical-sizing: auto;
@@ -34,16 +28,10 @@ html {
 
 .dashboardFooter::after {
     content: "ElegantFin Nightly";
-    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
     font-size: .6em;
     opacity: .5;
 }
 
-.itemsContainer,
-.vertical-list {
-    /* gap: .75em; */
-}
-
 .card {
     padding: .375em;
 }
@@ -59,7 +47,6 @@ html {
 .emby-button.show-focus:focus {
     background: #2f3a53;
     border-radius: .5em;
-    /* border: solid white .1em; */
     outline: .1em rgb(255 255 255) solid !important;
     outline-offset: -.1em;
     color: #fff;
@@ -78,16 +65,6 @@ html {
     margin-right: auto;
 }
 
-/* .pageTabContent .vertical-wrap {
-    justify-content: space-evenly !important;
-}
-
-.vertical-wrap,
-.sectionTitleContainer~.vertical-wrap,
-.sectionTitle~.vertical-wrap {
-    justify-content: flex-start !important;
-} */
-
 .vertical-wrap:not(.centered) {
     justify-content: flex-start !important;
 }
@@ -111,11 +88,6 @@ html {
     transition: 125ms transform;
 }
 
-.card:hover .cardScalable {
-    /* transform: translateY(-4px); */
-    /* box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 4px 0px; */
-}
-
 .cardImageContainer {
     border-radius: 1em !important
 }
@@ -142,7 +114,6 @@ html {
     .portraitCard,
     .smallBackdropCard,
     .squareCard {
-        /* width: 33.3333333333% !important; */
         width: 30% !important;
     }
 }
@@ -151,7 +122,6 @@ html {
 
     .portraitCard,
     .squareCard {
-        /* width: 25% !important; */
         width: 23% !important;
     }
 }
@@ -160,21 +130,18 @@ html {
 
     .portraitCard,
     .squareCard {
-        /* width: 20% !important; */
         width: 23% !important;
     }
 }
 
 @media (min-width: 25em) {
     .backdropCard {
-        /* width: 50%; */
         width: 49%;
     }
 }
 
 @media (min-width: 48.125em) {
     .backdropCard {
-        /* width: 33.3333333333%; */
         width: 32%;
     }
 }
@@ -210,16 +177,6 @@ h1 {
     display: none;
 }
 
-/* display sync button when not on home screen */
-.skinHeader:not(.noHomeButtonHeader) .headerSyncButton {
-    /* display: block; */
-}
-
-/* hide search button when not on home screen */
-.skinHeader:not(.noHomeButtonHeader) .headerSearchButton {
-    /* display: none; */
-}
-
 .pageTitle {
     height: 1.5em;
 }
@@ -277,12 +234,6 @@ h1 {
     margin-top: 3.5rem;
 }
 
-/* @media (max-width: 62.5em) {
-    .layout-desktop .itemBackdrop {
-        height: 5vh;
-    }
-} */
-
 h2 {
     font-size: 1.25em;
 }
@@ -294,7 +245,6 @@ h2 {
 
 .tagline {
     font-size: 1.3em;
-    /* font-style: italic; */
     font-weight: 400;
     margin-bottom: 0;
 }
@@ -363,7 +313,6 @@ html {
 
 .btnPlay {
     background-color: rgba(255, 255, 255, 0.05);
-    /* border-radius: .5em 0em 0em .5em; */
     border: solid var(--lighterBorderColor) 1px;
 }
 
@@ -380,14 +329,10 @@ html {
 
 .searchfields-icon {
     padding: .25em;
-    /* margin: 0 !important; */
     margin-left: -1.75em;
     margin-bottom: 0;
     border-radius: 1em;
     color: rgba(255, 255, 255, 0.5);
-    /* background-color: rgba(255, 255, 255, 0.05); */
-    /* border-radius: .5em 0em 0em .5em; */
-    /* border: solid var(--lighterBorderColor) 1px;*/
 }
 
 .searchfields-icon:hover,
@@ -411,6 +356,7 @@ html {
 
 .btnPlay>.detailButton-content {
     -webkit-align-items: unset;
+    align-items: unset;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: unset;
@@ -427,19 +373,6 @@ html {
     content: "Play";
 }
 
-
-/* 
-.btnMoreCommands{
-    border-radius: 0em .5em .5em 0em;
-    border: solid var(--lighterBorderColor) 1px;
-}
-
-.btnUserRating,.btnCancelSeriesTimer,.btnShuffle,.btnInstantMix,.btnPlayTrailer,.btnPlaystate,.btnReplay{
-    border-radius: 0em 0em 0em 0em;
-    border: solid var(--lighterBorderColor) 1px;
-} */
-
-
 .mainDrawer,
 .drawer-open {
     background-color: var(--drawerColor);
@@ -498,12 +431,6 @@ html {
     text-align: end;
 }
 
-.genresGroup,
-.directorsGroup,
-.writersGroup {
-    /* border-bottom: solid var(--borderColor) 1px; */
-}
-
 .itemTags,
 .itemTags>a {
     display: none;
@@ -522,7 +449,6 @@ html {
 .innerCardFooter,
 .chapterThumbTextContainer {
     background: transparent;
-    /* display: flex; */
     font-weight: 500;
     text-shadow: 1px 1px 0px black;
     padding: 1em;
@@ -533,7 +459,6 @@ html {
     width: unset;
 }
 
-
 .dialogContainer {
     margin: .33em;
 }
@@ -573,11 +498,6 @@ html {
     background-color: transparent;
 }
 
-/* .emby-checkbox:checked+span+.checkboxOutline {
-    background-color: var(--checkboxCheckedBgColor);
-    border-color: var(--checkboxCheckedBgColor);
-} */
-
 .emby-checkbox:checked+span+.checkboxOutline {
     border-radius: .375em !important;
     box-shadow: inset 0em 7em 10em 20px rgba(0, 0, 0, 0.8);
@@ -588,7 +508,6 @@ html {
 }
 
 .checkboxOutline {
-    /* background-color: rgb(255, 255, 255); */
     top: unset;
     height: 1.3em;
     width: 1.3em;
@@ -603,7 +522,6 @@ html {
 }
 
 .cardText-first+.itemSelectionPanel>.checkboxContainer {
-    /* height: calc(100% - 3em); */
     height: calc(100% - 1.75em);
 }
 
@@ -616,7 +534,6 @@ html {
 }
 
 .cardText-secondary+.itemSelectionPanel>.checkboxContainer {
-    /* height: calc(100% - 3em); */
     height: calc(100% - 3.125em);
 }
 
@@ -625,7 +542,6 @@ html {
 }
 
 .cardScalable+.itemSelectionPanel>.checkboxContainer {
-    /* height: calc(100% - 3em); */
     height: calc(100% - 0em);
 }
 
@@ -638,14 +554,12 @@ html {
 
 .cardIndicators {
     -webkit-align-items: center;
-    /* padding: 1em; */
+    align-items: center;
     top: .2em;
 }
 
 .indicator {
-    /* background: rgb(146 146 146 / 20%); */
     border: solid rgb(124 124 124 / 50%) 1px;
-    /* padding: .1em; */
     border-radius: 100em;
 }
 
@@ -720,7 +634,6 @@ div[data-role=controlgroup] a.ui-btn-active {
     border-radius: 1em !important;
     border: solid var(--borderColor) 1px !important;
     box-shadow: unset !important;
-    /* backdrop-filter: blur(5px); */
 }
 
 .paperList {
@@ -758,11 +671,9 @@ div[data-role=controlgroup] a.ui-btn-active {
 
 [dir=ltr] .navMenuOption {
     padding: .75em 1em !important;
-    /* padding: 1.25em 0.25em 0.25em 1.5em !important; */
 }
 
 [dir=ltr] .listItem:not(.actionSheetMenuItem) {
-    /* padding: .75em 1em !important; */
     padding: 0.25em 0.25em 0.25em 1.5em !important;
 }
 
@@ -808,7 +719,6 @@ div[data-role=controlgroup] a.ui-btn-active {
 
 .detailsGroupItem,
 .trackSelections .selectContainer {
-    /*flex-direction: column;*/
     max-width: unset !important;
     align-items: center;
 }
@@ -892,7 +802,6 @@ div[data-role=controlgroup] a.ui-btn-active {
 .MuiAvatar-circular {
     width: 1.5em;
     height: 1.5em;
-    /* margin-inline-end: .5em; */
     border: solid var(--borderColor) 1px;
 }
 
@@ -984,6 +893,5 @@ div[data-role=controlgroup] a.ui-btn-active {
 
 [dir=ltr] .mediaInfoItem {
     transform: scale(.85);
-    /* scale: .85; */
     margin: 0 .4em 0 0;
 }