boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-12-28 06:47:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Reworked Live TV cells to fix issues with cover overlap. focus color and height

Browse Source
This commit is contained in:
lscambo13
2025-12-21 20:50:25 +05:30
parent 872ac32747
commit 1fe65b63e6
1 changed files with 26 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
Theme/ElegantFin-theme-nightly.css
View File

@@ -3272,18 +3272,13 @@ div[data-role="controlgroup"] a.ui-btn-active {
display: var(--itemOriginalTitleVisibility); display: var(--itemOriginalTitleVisibility);
} }
.channelPrograms + .channelPrograms,
.guide-channelHeaderCell + .guide-channelHeaderCell {
margin-top: 0;
}
.channelPrograms, .channelPrograms,
.guide-channelHeaderCell,
.programCell { .programCell {
border-color: transparent; border-color: transparent;
/* this disables the 'color coded backgrounds' */ /* this disables the 'color coded backgrounds' */
background-color: transparent !important; background-color: transparent !important;
border-radius: var(--smallRadius); border-radius: var(--smallRadius);
height: 4.42em;
} }
.guideProgramName { .guideProgramName {
@@ -3305,24 +3300,40 @@ div[data-role="controlgroup"] a.ui-btn-active {
padding: 0; padding: 0;
} }
.guideChannelImage { .layout-mobile .guideChannelImage {
background-color: rgba(255, 255, 255, 0.05); background-position: center;
bottom: 0.35em; width: calc(100% - var(--sidePadding));
right: 0.35em; right: 0;
top: 0.35em; }
width: calc(100% - 0.7em);
border-radius: var(--smallerRadius); .guide-channelHeaderCell {
background-color: rgba(255, 255, 255, 0.125);
margin: 0.35em 0.7em 0.7em 0.7em;
width: auto;
height: calc(4.42em - 0.7em);
border-radius: var(--smallRadius);
}
.guideChannelNumber {
font-size: 1em;
} }
#guideTab { #guideTab {
padding-top: 3em !important; padding-top: 3em !important;
} }
.guide-channelHeaderCell:focus, .guide-channelHeaderCell:focus {
.programCell:focus {
background-color: var(--highlightOutlineColor) !important; background-color: var(--highlightOutlineColor) !important;
} }
.programCell:focus {
background-color: transparent !important;
}
.programCell:focus > .guideProgramName {
background-color: var(--highlightOutlineColor);
}
.emby-select-iconbutton { .emby-select-iconbutton {
background-color: var(--selectorBackgroundColor); background-color: var(--selectorBackgroundColor);
border: var(--defaultLighterBorder); border: var(--defaultLighterBorder);