diff --git a/lukeflix.css b/lukeflix.css index 220aac6..f79e0c6 100644 --- a/lukeflix.css +++ b/lukeflix.css @@ -2533,4 +2533,30 @@ div[data-role="controlgroup"] a[data-role="button"]:last-child { .padded-top { padding-top: 0em !important; +} + +/* Test for Channel Selection Hover */ +.guide-channelHeaderCell.itemAction .guideChannelNumber { + display: flex; + align-items: center; + justify-content: center; + width: 1.8em; + height: 1.8em; + margin: 0 auto; + border-radius: 50%; + background-color: transparent; + line-height: 1; + transition: background-color 0.15s ease, color 0.15s ease; +} + +/* Hover — white circle, black number */ +.guide-channelHeaderCell.itemAction:hover .guideChannelNumber { + background-color: #fff; + color: #000; +} + +/* Click — red circle */ +.guide-channelHeaderCell.itemAction:active .guideChannelNumber { + background-color: #e50914; + color: #fff; } \ No newline at end of file