mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2026-10-27 01:39:34 +00:00
Compare commits
13
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 lscambo13
|
6c2de4f07a | ||
|
lscambo13
|
137808128e | ||
|
lscambo13
|
9ca4f0a869 | ||
|
lscambo13
|
81a4561279 | ||
|
lscambo13
|
bb3a1b10a7 | ||
|
lscambo13
|
7cac78050a | ||
|
lscambo13
|
60a5b58ebc | ||
|
lscambo13
|
8fac6f51bf | ||
 lscambo13
|
0c118996a0 | ||
 ACertainCoder
|
1dbf20af69 | ||
|
lscambo13
|
62231c0267 | ||
|
lscambo13
|
cc822351ea | ||
|
lscambo13
|
7e1f0aa554 |
No files matched your search
@@ -338,9 +338,7 @@ Please read the [Contributor Guidelines](./CONTRIBUTING.md) before opening pull
|
||||
|
||||
This is a hobby project. If it helped you, your support really means a lot.
|
||||
|
||||
<a href="https://www.buymeacoffee.com/lscambo13">
|
||||
<img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=☕&slug=lscambo13&button_colour=FFDD00&font_colour=000000&font_family=Cookie&outline_colour=000000&coffee_colour=d28456" />
|
||||
</a>
|
||||
[](https://www.buymeacoffee.com/lscambo13)
|
||||
|
||||
<hr>
|
||||
|
||||
|
||||
@@ -1,2 +1,2 @@
|
||||
/* ElegantFin Theme v25.12.31 for Jellyfin by lscambo13 */
|
||||
@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{--elegantFinFooterText:"ElegantFin v25.12.31";color-scheme:dark;--darkerGradientPoint:#111827;--darkerGradientPointAlpha:rgba(17,24,39,.85);--lighterGradientPoint:#1d2635;--lighterGradientPointAlpha:rgba(29,38,53,.85);--gradientPointAlpha:rgba(29,38,53,.3);--headerColor:rgba(30,40,54,.8);--drawerColor:rgba(30,40,54,.9);--borderColor:hsl(214,13%,32%);--darkerBorderColor:hsl(214,13%,22%);--lighterBorderColor:hsla(0,0%,100%,.2);--selectorBackgroundColor:rgb(55,65,81);--selectorBackgroundColorAlpha:rgba(55,65,81,.5);--activeColorAlpha:rgba(119,91,244,.9);--activeColor:rgb(119,91,244);--osdSeekBarPlayedColor:var(--textColor);--osdSeekBarBufferedColorAlpha:rgba(128,128,128,.5);--osdSeekBarThumbColor:white;--tableBodyColor:rgb(31 41 55 / 1);--uiAccentColor:rgb(117 111 226);--btnMiniPlayColor:rgb(41 154 93);--btnMiniPlayBorderColor:rgb(50,167,105);--btnDeleteColor:rgb(169,29,29);--btnDeleteBorderColor:rgb(217,84,84);--btnSubmitColor:rgb(61,54,178);--btnSubmitBorderColor:rgb(117 111 226);--checkboxCheckedBgColor:rgb(79,70,229);--highlightOutlineColor:rgb(37,99,235);--defaultBorder:var(--borderWidth) solid var(--borderColor);--defaultLighterBorder:var(--borderWidth) solid var(--lighterBorderColor);--textColor:rgb(209,213,219);--dimTextColor:rgb(156,163,175);--backgroundGradient:linear-gradient(0deg,var(--darkerGradientPoint) 35%,var(--lighterGradientPoint));--cardBackgroundGradient:linear-gradient(0deg,var(--darkerGradientPoint),25%,var(--lighterGradientPoint));--headerColorGradient:linear-gradient(180deg,rgba(30,40,54,.95) 30%,55%,transparent 90%);--headerColorGradientAlt:linear-gradient(180deg,rgba(30,40,54,1),70%,transparent);--headerBlurMask:linear-gradient(180deg,white 50%,85%,transparent);--cardFooterGradient:linear-gradient(0deg,rgb(0 0 0 / 90%),40%,transparent);--topOSDGradient:linear-gradient(180deg,hsla(0,0%,0%,.8),45%,hsla(0,0%,0%,0));--bottomOSDGradient:linear-gradient(0deg,hsla(0,0%,0%,.8),45%,hsla(0,0%,0%,0));--hoverGradientV:linear-gradient(0deg,transparent,rgb(255 255 255 / 100%) 45%,rgb(255 255 255 / 100%) 55%,transparent);--hoverGradientH:linear-gradient(90deg,transparent,rgb(255 255 255 / 100%) 45%,rgb(255 255 255 / 100%) 55%,transparent);--itemBackdropMask:linear-gradient(180deg,rgba(0,0,0,.8),75%,transparent);--largerRadius:1.25em;--largeRadius:1em;--smallRadius:.5em;--smallerRadius:.375em;--borderWidth:.06em;--borderWidthDouble:.12em;--sidePadding:3.3%;--itemColumnGap:1em;--minEpisodeCardWidth:26em;--blurSmallest:blur(2px);--blurDefault:blur(5px);--blurLarge:blur(10px);--blurLargest:blur(20px);--shadow:.1em .1em .15em hsla(0,0%,0%,.3);--headerBlurLayerVisibility:"";--headerBackground:var(--headerColorGradient);--loginPageBgUrl:url("");--loginPageText:"Sign in to continue";--overlayPlayButtonPosition:2.8em;--iconPack:"Material Icons Round",Material Icons;--extraCardButtonsVisibility:none;--itemOriginalTitleVisibility:block;--libraryLabelVisibility:none;--clearLogoVisibility:block;--itemTitleVisibility:none;--miniOverlayButtonVisibility:block;--cardHoverEffect:"";--appBarHeight:5em;--backdropTrimFromTop:10%}html{font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:425;font-style:normal;-webkit-tap-highlight-color:transparent!important}body{--primaryItemPageNegativeSpace:14vh;--secondaryItemPageNegativeSpace:60vh;--clearLogoBottomSpace:11em}.layout-desktop>body:has(>audio[src]){--primaryItemPageNegativeSpace:calc(14vh + 5em);--secondaryItemPageNegativeSpace:calc(60vh + 5em)}.layout-mobile{--itemColumnGap:0;--headerColorGradient:var(--headerColorGradientAlt);--blurLargest:blur(12px);--headerBlurMask:linear-gradient(180deg,white 60%,90%,transparent)}.layout-mobile>body{--secondaryItemPageNegativeSpace:45vh}@font-face{font-family:"Material Icons Round";font-style:normal;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsrounded/v267/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190Fjzag.woff2) format("woff2")}.material-icons{font-family:var(--iconPack)!important;font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;line-height:1;vertical-align:middle;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.material-icons.info_outline:before{content:"\e88e";font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}.dashboardFooter{font-family:"Noto Sans",serif;transition:transform 50ms}#myPreferencesMenuPage>div:after,.dashboardFooter::after{content:var(--elegantFinFooterText);font-size:.8em;color:var(--borderColor);display:inline-grid;width:100%;width:-webkit-fill-available;justify-content:center;font-weight:600}::selection{background:var(--activeColorAlpha)}.cardImageIcon{color:vLine truncated
|
||||
@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{--elegantFinFooterText:"ElegantFin v25.12.31";color-scheme:dark;--darkerGradientPoint:#111827;--darkerGradientPointAlpha:rgba(17,24,39,.85);--lighterGradientPoint:#1d2635;--lighterGradientPointAlpha:rgba(29,38,53,.85);--gradientPointAlpha:rgba(29,38,53,.3);--headerColor:rgba(30,40,54,.8);--drawerColor:rgba(30,40,54,.9);--borderColor:hsl(214,13%,32%);--darkerBorderColor:hsl(214,13%,22%);--lighterBorderColor:hsla(0,0%,100%,.2);--selectorBackgroundColor:rgb(55,65,81);--selectorBackgroundColorAlpha:rgba(55,65,81,.5);--activeColorAlpha:rgba(119,91,244,.9);--activeColor:rgb(119,91,244);--osdSeekBarPlayedColor:var(--textColor);--osdSeekBarBufferedColorAlpha:rgba(128,128,128,.5);--osdSeekBarThumbColor:white;--tableBodyColor:rgb(31 41 55 / 1);--uiAccentColor:rgb(117 111 226);--btnMiniPlayColor:rgb(41 154 93);--btnMiniPlayBorderColor:rgb(50,167,105);--btnDeleteColor:rgb(169,29,29);--btnDeleteBorderColor:rgb(217,84,84);--btnSubmitColor:rgb(61,54,178);--btnSubmitBorderColor:rgb(117 111 226);--checkboxCheckedBgColor:rgb(79,70,229);--highlightOutlineColor:rgb(37,99,235);--defaultBorder:var(--borderWidth) solid var(--borderColor);--defaultLighterBorder:var(--borderWidth) solid var(--lighterBorderColor);--textColor:rgb(209,213,219);--dimTextColor:rgb(156,163,175);--backgroundGradient:linear-gradient(0deg,var(--darkerGradientPoint) 35%,var(--lighterGradientPoint));--cardBackgroundGradient:linear-gradient(0deg,var(--darkerGradientPoint),25%,var(--lighterGradientPoint));--headerColorGradient:linear-gradient(180deg,rgba(30,40,54,.95) 30%,55%,transparent 90%);--headerColorGradientAlt:linear-gradient(180deg,rgba(30,40,54,1),70%,transparent);--headerBlurMask:linear-gradient(180deg,white 50%,85%,transparent);--cardFooterGradient:linear-gradient(0deg,rgb(0 0 0 / 90%),40%,transparent);--topOSDGradient:linear-gradient(180deg,hsla(0,0%,0%,.8),45%,hsla(0,0%,0%,0));--bottomOSDGradient:linear-gradient(0deg,hsla(0,0%,0%,.8),45%,hsla(0,0%,0%,0));--hoverGradientV:linear-gradient(0deg,transparent,rgb(255 255 255 / 100%) 45%,rgb(255 255 255 / 100%) 55%,transparent);--hoverGradientH:linear-gradient(90deg,transparent,rgb(255 255 255 / 100%) 45%,rgb(255 255 255 / 100%) 55%,transparent);--itemBackdropMask:linear-gradient(180deg,rgba(0,0,0,.8),75%,transparent);--largerRadius:1.25em;--largeRadius:1em;--smallRadius:.5em;--smallerRadius:.375em;--borderWidth:.06em;--borderWidthDouble:.12em;--sidePadding:3.3%;--itemColumnGap:1em;--minEpisodeCardWidth:26em;--blurSmallest:blur(2px);--blurDefault:blur(5px);--blurLarge:blur(10px);--blurLargest:blur(20px);--shadow:.1em .1em .15em hsla(0,0%,0%,.3);--headerBlurLayerVisibility:"";--headerBackground:var(--headerColorGradient);--loginPageBgUrl:url("");--loginPageText:"Sign in to continue";--overlayPlayButtonPosition:2.8em;--iconPack:"Material Icons Round",Material Icons;--extraCardButtonsVisibility:none;--itemOriginalTitleVisibility:block;--libraryLabelVisibility:none;--clearLogoVisibility:block;--itemTitleVisibility:none;--miniOverlayButtonVisibility:block;--cardHoverEffect:"";--appBarHeight:5em;--backdropTrimFromTop:10%}html{font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:425;font-style:normal;-webkit-tap-highlight-color:transparent!important}body{--primaryItemPageNegativeSpace:14vh;--secondaryItemPageNegativeSpace:60vh;--clearLogoBottomSpace:11em}.layout-desktop>body:has(>audio[src]){--primaryItemPageNegativeSpace:calc(14vh + 5em);--secondaryItemPageNegativeSpace:calc(60vh + 5em)}.layout-mobile{--itemColumnGap:0;--headerColorGradient:var(--headerColorGradientAlt);--blurLargest:blur(12px);--headerBlurMask:linear-gradient(180deg,white 60%,90%,transparent)}.layout-mobile>body{--secondaryItemPageNegativeSpace:45vh}@font-face{font-family:"Material Icons Round";font-style:normal;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsrounded/v267/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190Fjzag.woff2) format("woff2")}.material-icons{font-family:var(--iconPack)!important;font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;line-height:1;vertical-align:middle;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.material-icons.info_outline:before{content:"\e88e";font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}.dashboardFooter{font-family:"Noto Sans",serif;transition:transform 50ms}#myPreferencesMenuPage>div:after,.dashboardFooter::after{content:var(--elegantFinFooterText);font-size:.8em;color:var(--borderColor);display:inline-grid;width:100%;width:-webkit-fill-available;justify-content:center;font-weight:600}::selection{background:var(--activeColorAlpha)}.cardImageIcon{color:vLine truncated
|
||||
@@ -217,12 +217,20 @@ body {
|
||||
text-rendering: optimizeLegibility;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
font-feature-settings: "liga";
|
||||
font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 48;
|
||||
font-variation-settings:
|
||||
"FILL" 1,
|
||||
"wght" 400,
|
||||
"GRAD" 0,
|
||||
"opsz" 48;
|
||||
}
|
||||
|
||||
.material-icons.info_outline:before {
|
||||
content: "\e88e";
|
||||
font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
|
||||
font-variation-settings:
|
||||
"FILL" 0,
|
||||
"wght" 400,
|
||||
"GRAD" 0,
|
||||
"opsz" 48;
|
||||
}
|
||||
|
||||
.dashboardFooter {
|
||||
@@ -266,6 +274,10 @@ body {
|
||||
color: var(--uiAccentColor);
|
||||
}
|
||||
|
||||
.emby-button {
|
||||
gap: 1ch;
|
||||
}
|
||||
|
||||
.emby-button.show-focus:focus,
|
||||
.paper-icon-button-light.show-focus:focus,
|
||||
.emby-tabs .emby-button.show-focus:focus {
|
||||
@@ -292,10 +304,20 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.vertical-wrap:not(.centered) {
|
||||
.vertical-wrap:not(.centered),
|
||||
.vertical-wrap.padded-right-withalphapicker,
|
||||
.padded-right-withalphapicker > .vertical-wrap {
|
||||
justify-content: flex-start !important;
|
||||
}
|
||||
|
||||
#episodesTab > .vertical-wrap,
|
||||
#studiosTab > .vertical-wrap,
|
||||
#channelsTab > .vertical-wrap,
|
||||
#recordingsTab > .vertical-wrap,
|
||||
#genresTab > .vertical-wrap {
|
||||
justify-content: center !important;
|
||||
}
|
||||
|
||||
.countIndicator,
|
||||
.fullSyncIndicator,
|
||||
.mediaSourceIndicator {
|
||||
@@ -303,6 +325,10 @@ body {
|
||||
border: var(--defaultLighterBorder);
|
||||
}
|
||||
|
||||
.layout-mobile .countIndicator {
|
||||
font-size: 70%;
|
||||
}
|
||||
|
||||
.cardScalable {
|
||||
border-radius: var(--largeRadius);
|
||||
border: var(--darkerBorderColor) solid var(--borderWidthDouble) !important;
|
||||
@@ -487,8 +513,8 @@ body {
|
||||
|
||||
.layout-mobile .cardOverlayButton-br,
|
||||
[dir="ltr"] .layout-mobile .cardOverlayButton-br {
|
||||
bottom: 0.25em;
|
||||
right: 0.25em;
|
||||
/* bottom: 0.25em;
|
||||
right: 0.25em; */
|
||||
display: var(--miniOverlayButtonVisibility);
|
||||
}
|
||||
|
||||
@@ -1989,7 +2015,7 @@ progress + span {
|
||||
}
|
||||
|
||||
.layout-mobile .innerCardFooter {
|
||||
padding: 5em 1.5em 1.5em 1.5em;
|
||||
padding: 5em 1em 1.25em 1em;
|
||||
}
|
||||
|
||||
.layout-mobile .chapterCardImageContainer + .innerCardFooter {
|
||||
@@ -2000,6 +2026,10 @@ progress + span {
|
||||
width: unset;
|
||||
}
|
||||
|
||||
.noItemsMessage {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.dialog {
|
||||
backdrop-filter: var(--blurDefault);
|
||||
background-color: var(--drawerColor);
|
||||
@@ -2192,8 +2222,8 @@ progress + span {
|
||||
}
|
||||
|
||||
.layout-mobile .cardIndicators {
|
||||
top: 0.2em;
|
||||
right: 0.2em;
|
||||
top: 0.45em;
|
||||
right: 0.5em;
|
||||
}
|
||||
|
||||
.indicator {
|
||||
@@ -2296,16 +2326,28 @@ div[data-type="PhotoAlbum"] .play_arrow:before {
|
||||
}
|
||||
|
||||
.detailButton-icon {
|
||||
font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
|
||||
font-variation-settings:
|
||||
"FILL" 0,
|
||||
"wght" 400,
|
||||
"GRAD" 0,
|
||||
"opsz" 48;
|
||||
}
|
||||
|
||||
.cardScalable .material-icons.check:before {
|
||||
font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 20;
|
||||
font-variation-settings:
|
||||
"FILL" 1,
|
||||
"wght" 700,
|
||||
"GRAD" 0,
|
||||
"opsz" 20;
|
||||
transform: scale(1.25);
|
||||
}
|
||||
|
||||
.emby-button[title="Favorite"] .material-icons.favorite:before {
|
||||
font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
|
||||
font-variation-settings:
|
||||
"FILL" 1,
|
||||
"wght" 400,
|
||||
"GRAD" 0,
|
||||
"opsz" 20;
|
||||
}
|
||||
|
||||
.detailButton:not(.btnPlay) {
|
||||
@@ -2339,9 +2381,9 @@ div[data-type="PhotoAlbum"] .play_arrow:before {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.btnPlay:not(.formDialogFooterItem):not(.play-button):after {
|
||||
.mainDetailButtons > .btnPlay:after {
|
||||
content: attr(title);
|
||||
padding: 0 1ch;
|
||||
padding-right: 1ch;
|
||||
}
|
||||
|
||||
.btnPlay > .detailButton-content::after {
|
||||
@@ -2605,10 +2647,14 @@ div[data-role="controlgroup"] a.ui-btn-active {
|
||||
font-size: unset;
|
||||
}
|
||||
|
||||
[dir="ltr"] .actionsheetMenuItemIcon.check {
|
||||
margin: 0 0.45em 0 0.45em !important;
|
||||
[dir="ltr"] .actionsheetMenuItemIcon {
|
||||
margin: 0 0.2em 0 0.45em !important;
|
||||
}
|
||||
|
||||
/* [dir="ltr"] .actionsheetMenuItemIcon.check {
|
||||
margin: 0 0.45em 0 0.45em !important;
|
||||
} */
|
||||
|
||||
.actionSheetMenuItem:has(.listItemIcon.check) {
|
||||
background-color: var(--activeColor);
|
||||
}
|
||||
@@ -2983,8 +3029,8 @@ div[data-role="controlgroup"] a.ui-btn-active {
|
||||
}
|
||||
|
||||
/* this is needed for alignment of non-clickable section headings on phones */
|
||||
.layout-mobile div > .sectionTitle-cards {
|
||||
margin: 0.75em 0 -0.75em 0 !important;
|
||||
.layout-mobile :not(.sectionTitleContainer-cards) > .sectionTitle-cards {
|
||||
margin: 0.75em 0 -0.75em 0;
|
||||
}
|
||||
|
||||
.dashboardSection .sectionTitleTextButton > .material-icons,
|
||||
@@ -2998,7 +3044,7 @@ div[data-role="controlgroup"] a.ui-btn-active {
|
||||
}
|
||||
|
||||
.sectionTitleTextButton > .material-icons.chevron_right {
|
||||
margin-left: 0.5rem !important;
|
||||
/* margin-left: 0.5rem !important; */
|
||||
height: 1.5rem;
|
||||
width: 1.5rem;
|
||||
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23D1D5DB' aria-hidden='true'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z'%3E%3C/path%3E%3C/svg%3E")
|
||||
@@ -3042,13 +3088,14 @@ div[data-role="controlgroup"] a.ui-btn-active {
|
||||
}
|
||||
|
||||
.skip-button-container {
|
||||
bottom: 25%;
|
||||
bottom: 9rem;
|
||||
}
|
||||
|
||||
.skip-button {
|
||||
background-color: whitesmoke;
|
||||
background-color: var(--textColor);
|
||||
box-shadow: var(--shadow);
|
||||
margin-right: var(--sidePadding);
|
||||
border-radius: 3em;
|
||||
color: black;
|
||||
}
|
||||
|
||||
@@ -3449,8 +3496,8 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense > div:first-child {
|
||||
min-height: 100vh;
|
||||
padding: 1em;
|
||||
overflow-y: auto;
|
||||
background: linear-gradient(to bottom, var(--darkerGradientPointAlpha), var(--lighterGradientPoint)),
|
||||
var(--loginPageBgUrl);
|
||||
background:
|
||||
linear-gradient(to bottom, var(--darkerGradientPointAlpha), var(--lighterGradientPoint)), var(--loginPageBgUrl);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -3823,7 +3870,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense > div:first-child {
|
||||
|
||||
.noHomeButtonHeader .emby-tab-button:before {
|
||||
font-family: "Material Icons Round";
|
||||
padding-inline-end: 0.5ch;
|
||||
/* padding-inline-end: 0.5ch; */
|
||||
font-size: 1.2em;
|
||||
font-variation-settings: "FILL" 0;
|
||||
}
|
||||
@@ -3925,6 +3972,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense > div:first-child {
|
||||
container-name: skinHeader;
|
||||
container-type: size;
|
||||
height: var(--appBarHeight);
|
||||
max-height: var(--appBarHeight);
|
||||
}
|
||||
|
||||
@container skinHeader (min-height: 4.9em) {
|
||||
@@ -4008,7 +4056,9 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense > div:first-child {
|
||||
}
|
||||
|
||||
.card.show-animation .cardBox {
|
||||
transition: transform 0.05s ease-out, -webkit-transform 0.05s ease-out;
|
||||
transition:
|
||||
transform 0.05s ease-out,
|
||||
-webkit-transform 0.05s ease-out;
|
||||
}
|
||||
|
||||
/* performance improvements fot low-end TVs - end */
|
||||
|
||||
@@ -2983,8 +2983,8 @@ div[data-role="controlgroup"] a.ui-btn-active {
|
||||
}
|
||||
|
||||
/* this is needed for alignment of non-clickable section headings on phones */
|
||||
.layout-mobile div > .sectionTitle-cards {
|
||||
margin: 0.75em 0 -0.75em 0 !important;
|
||||
.layout-mobile :not(.sectionTitleContainer-cards) > .sectionTitle-cards {
|
||||
margin: 0.75em 0 -0.75em 0;
|
||||
}
|
||||
|
||||
.dashboardSection .sectionTitleTextButton > .material-icons,
|
||||
|
||||
@@ -63,7 +63,7 @@
|
||||
background: linear-gradient(0deg, rgba(0, 0, 0, 0.85), 40%, transparent);
|
||||
}
|
||||
|
||||
.pause-button {
|
||||
.pause-button, .volume-toggle {
|
||||
top: 1em !important;
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user