rainbownapkin/canopy
1
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Started work on improved channel guide rendering

Browse source
This commit is contained in:
rainbow napkin 2026-11-09 04:05:55 -05:00
parent 0291904534
commit c3483627d8
6 changed files with 125 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

64
www/css/index.css → www/css/channelGuide.css
View file

@ -14,53 +14,39 @@ GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.*/
@media (orientation: landscape){
#channel-guide-div{
max-width: 100vh;
}
}
@media (orientation: portrait){
#channel-guide-div{
max-width: 80vw;
}
}
#channel-guide-div{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(11em, 1fr));
margin: 0 auto 0 auto;
}
div.channel-guide-entry{
overflow: hidden;
width: 10em;
margin: 0.5em;
}
.channel-guide-entry{
margin: 0.5em auto 0.5em auto;
padding: 0.2em;
display: flex;
flex-direction: column;
}
.channel-guide-entry-item{
margin: 0.1em auto 0.1em auto;
#channel-guide-schedule-container {
flex: 1;
}
.channel-guide-entry-item img{
max-width: 7em;
max-height: 7em;
#channel-guide-schedule-index {
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--accent0);
}
span.channel-guide-entry-item{
overflow-y: scroll;
height: 2em;
scrollbar-width: none;
.channel-guide-timeslot-label {
width: 100%;
text-align: center;
padding: 0;
margin: 0.3em 0;
}
p.channel-guide-entry{
font-size: 0.8em;
margin-left: 0;
/*EWWIE WHY DOES CSS COUNTING START AT ONE?!?!*/
.channel-guide-timeslot-label:not(:nth-child(1)){
border-left: 1px solid var(--accent0);
}
#channel-guide-new-channel-button h3{
padding: 0.3em 0.5em;
margin: 0;
border-right: 1px solid var(--accent0);
}
#channel-guide-new-channel-button{
border-bottom: 1px solid var(--accent0);
}