mirror of
https://github.com/ranaldsgift/KefinTweaks.git
synced 2026-11-05 07:42:47 +01:00
Improve Spotlight tagline positioning to avoid overlapping other elements
This commit is contained in:
+14
-3
@@ -1816,7 +1816,7 @@ html.layout-tv .emby-scroller-container[data-card-format="Button"] .itemsContain
|
||||
}
|
||||
|
||||
.spotlight-section[data-layout="Borderless"] .spotlight-dots {
|
||||
bottom: calc(var(--spotlight-fullscreen-vertical) * 4.5);
|
||||
bottom: calc(var(--spotlight-fullscreen-vertical) * 2.5);
|
||||
}
|
||||
|
||||
.spotlight-section .spotlight-background-layer img,
|
||||
@@ -1857,7 +1857,12 @@ html.layout-tv .emby-scroller-container[data-card-format="Button"] .itemsContain
|
||||
-webkit-box-orient: vertical;
|
||||
cursor: default;
|
||||
height: unset;
|
||||
line-height: 1.5;
|
||||
line-height: 1.5;
|
||||
overflow: hidden;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.spotlight-section:not(.hide) > .spotlight-banner-container .spotlight-tagline {
|
||||
padding: 0.5em 1em !important;
|
||||
}
|
||||
|
||||
/* Normal and large: tagline above dots (dots at bottom: 20px) */
|
||||
@@ -1866,7 +1871,13 @@ html.layout-tv .emby-scroller-container[data-card-format="Button"] .itemsContain
|
||||
}
|
||||
|
||||
.spotlight-section[data-layout="Borderless"] .spotlight-tagline {
|
||||
bottom: calc(var(--spotlight-fullscreen-vertical) * 4.5 + 40px);
|
||||
bottom: calc(var(--spotlight-fullscreen-vertical) * 2.5 + 40px);
|
||||
}
|
||||
|
||||
.spotlight-section[data-size="normal"][data-layout="Border"] .spotlight-tagline {
|
||||
bottom: unset;
|
||||
top: calc(100% - 40px);
|
||||
transform: translateY(-50%) translateX(-50%) !important;
|
||||
}
|
||||
|
||||
/* Size full: modern stream-site metadata styles */
|
||||
|
||||
Reference in New Issue
Block a user