This commit is contained in:
+24
-11
@@ -90,6 +90,7 @@ div:has(> div > .emby-scroller-container) {
|
|||||||
/* ============================== */
|
/* ============================== */
|
||||||
/* Homepage
|
/* Homepage
|
||||||
/* ============================== */
|
/* ============================== */
|
||||||
|
/* Center sections on desktop */
|
||||||
.layout-desktop .sections > div {
|
.layout-desktop .sections > div {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
@@ -97,6 +98,18 @@ div:has(> div > .emby-scroller-container) {
|
|||||||
padding-left: unset !important;
|
padding-left: unset !important;
|
||||||
padding-right: unset !important;
|
padding-right: unset !important;
|
||||||
}
|
}
|
||||||
|
/* Match padding to other pages on mobile */
|
||||||
|
.layout-mobile .verticalSection > * {
|
||||||
|
padding-left: 5% !important;
|
||||||
|
padding-right: 5% !important;
|
||||||
|
}
|
||||||
|
.layout-mobile .itemsContainer {
|
||||||
|
display: flex;
|
||||||
|
gap: 1em;
|
||||||
|
}
|
||||||
|
.layout-mobile .itemsContainer > * {
|
||||||
|
margin: unset !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* ============================== */
|
/* ============================== */
|
||||||
/* Media detail page
|
/* Media detail page
|
||||||
@@ -188,8 +201,8 @@ div:has(> div > .emby-scroller-container) {
|
|||||||
|
|
||||||
/* Add padding to titles on mobile */
|
/* Add padding to titles on mobile */
|
||||||
.layout-mobile .nameContainer > * {
|
.layout-mobile .nameContainer > * {
|
||||||
padding-left: max(env(safe-area-inset-left),3.3%) !important;
|
padding-left: 5% !important;
|
||||||
padding-right: max(env(safe-area-inset-left),3.3%) !important;
|
padding-right: 5% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Media title */
|
/* Media title */
|
||||||
@@ -225,15 +238,10 @@ div:has(> div > .emby-scroller-container) {
|
|||||||
place-items: center;
|
place-items: center;
|
||||||
gap: 1em;
|
gap: 1em;
|
||||||
font-size: larger;
|
font-size: larger;
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Hide characters left by moving around season title */
|
/* Hide characters left by moving around season title */
|
||||||
.layout-desktop .nameContainer h3.itemName.infoText.subtitle bdi {
|
|
||||||
text-indent: -1ch;
|
text-indent: -1ch;
|
||||||
}
|
overflow: hidden;
|
||||||
.layout-mobile .nameContainer h3.itemName.infoText.subtitle bdi {
|
|
||||||
text-indent: -1.5ch;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Season title */
|
/* Season title */
|
||||||
@@ -269,12 +277,17 @@ div:has(> div > .emby-scroller-container) {
|
|||||||
background: rgba(0,0,0,0);
|
background: rgba(0,0,0,0);
|
||||||
}
|
}
|
||||||
.layout-desktop .detailPageContent {
|
.layout-desktop .detailPageContent {
|
||||||
padding: unset !important;
|
|
||||||
|
|
||||||
width: 75%;
|
width: 75%;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
.layout-mobile .detailPageContent > div > * {
|
||||||
|
padding-left: 5% !important;
|
||||||
|
padding-right: 5% !important;
|
||||||
|
}
|
||||||
|
.detailPageContent {
|
||||||
|
padding: unset !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* Disable right padding */
|
/* Disable right padding */
|
||||||
.layout-desktop .detailPageContent .padded-right {
|
.layout-desktop .detailPageContent .padded-right {
|
||||||
|
|||||||
Reference in New Issue
Block a user