Rumperuu/Cataloguer
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: custom sections, TV series section, fix table wrapping

Browse source
This commit is contained in:
Ben Goldsworthy 2025-01-12 15:52:54 +01:00
parent 995a539fa9
commit 39c64bf51a
No known key found for this signature in database
17 changed files with 402 additions and 204 deletions
Download patch file Download diff file Expand all files Collapse all files

37
assets/css/components/table.scss
View file

@ -1,25 +1,30 @@
/* TODO: Not currently used */
@media screen and (max-width: 480px) {
.table-scroller {
overflow-x: auto;
width: 320px;
}
}
table {
margin: auto;
width: 80%;
/* TODO: Not currently used */
@media screen and (max-width: 480px) {
.table-scroller {
overflow-x: auto;
width: 320px;
}
}
table {
margin: auto;
inline-size: 80%;
display: table;
& thead {
border: 2px solid $dark;
}
& td {
padding: 0.5em 1em;
border: 1px solid $dark;
}
}
& td {
padding: 0.5em 1em;
border: 1px solid $dark;
&:nth-of-type(1),
&:nth-last-of-type(1) {
white-space: nowrap;
}
}
}
td[colspan] {
text-align: center;

4
assets/css/layout/_header.scss
View file

@ -11,7 +11,7 @@
width: 100%;
text-align: center;
z-index: 1;
&__title,
&__tagline,
&__icons,
@ -45,7 +45,7 @@
grid-area: header-nav;
margin: auto;
width: 100%;
@include mq('desktop') {
@include mq("desktop") {
width: 60%;
}

18
assets/css/layout/_main.scss
View file

@ -2,7 +2,23 @@
grid-area: page-container;
margin-left: 1em;
margin-right: 1em;
@include mq('desktop') {
@include mq("desktop") {
margin: 2em;
}
&__header {
& .section-nav {
padding-block-end: 1em;
& li {
float: left;
padding-inline: 1em;
}
}
& .section__desc {
border-block: 2px solid $dark;
margin-block: 1em;
}
}
}