Lukeflix/Theme
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add styling for next-up program cells

Browse Source
This commit is contained in:
lucaspatenaude
2026-07-28 22:24:05 -06:00
parent 221117e8c4
commit 1e9cb29a06
1 changed files with 34 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
lukeflix.css
View File

@@ -2506,7 +2506,12 @@ div[data-role="controlgroup"] a[data-role="button"]:last-child {
width: 9vw !important; /* Reduce distance channel number and logo */ width: 9vw !important; /* Reduce distance channel number and logo */
} }
/* Stylize program cells */ /* Remove borders around each row and program */
.channelPrograms {
border: none !important;
}
/* Stylize program cell container */
.programCell { .programCell {
border: none !important; border: none !important;
border-radius: 8px !important; border-radius: 8px !important;
@@ -2514,6 +2519,8 @@ div[data-role="controlgroup"] a[data-role="button"]:last-child {
background-color: transparent !important; background-color: transparent !important;
} }
/* ========= ACTIVE PROGRAM CELLS ========= */
/* Use correct category coloring for active programs */ /* Use correct category coloring for active programs */
.programCell-active .guideProgramNameText { .programCell-active .guideProgramNameText {
width: 100%; width: 100%;
@@ -2526,24 +2533,43 @@ div[data-role="controlgroup"] a[data-role="button"]:last-child {
backdrop-filter: blur(15px) !important; backdrop-filter: blur(15px) !important;
} }
/* Stylize Active News Program Cells (Use .guideProgramName with padding to create island effect) */ /* Active News Program Cells (Use .guideProgramName with padding to create island effect) */
.programCell-news.programCell-active .guideProgramNameText { .programCell-news.programCell-active .guideProgramNameText {
background-color: rgba(35, 119, 208, 0.89); background-color: rgba(35, 119, 208, 0.89) !important;
} }
/* Stylize Active Movie Program Cells */ /* Active Movie Program Cells */
.programCell-movie.programCell-active .guideProgramNameText { .programCell-movie.programCell-active .guideProgramNameText {
background-color: #5e35b1 !important background-color: #5e35b1 !important
} }
/* Stylize Active Sports Program Cells */ /* Active Sports Program Cells */
.programCell-sports.programCell-active .guideProgramNameText { .programCell-sports.programCell-active .guideProgramNameText {
background-color: #2fa755 !important background-color: #2fa755 !important
} }
/* Remove borders around each row and program */ /* ========= NEXT-UP PROGRAM CELLS ========= */
.channelPrograms {
border: none !important; .guideProgramNameText {
width: 100%;
height: 33px;
align-content: center;
border-right: 2px solid gray;
}
/* Next-Up News Program Cells */
.programCell-news .guideProgramNameText {
border-right: rgba(35, 119, 208, 0.89) !important;
}
/* Next-Up Movie Program Cells */
.programCell-movie .guideProgramNameText {
border-right: #5e35b1 !important
}
/* Next-Up Sports Program Cells */
.programCell-sports .guideProgramNameText {
border-right: #2fa755 !important;
} }
/* ==== STATUS BUTTONS ==== */ /* ==== STATUS BUTTONS ==== */