diff options
Diffstat (limited to 'src/lib/Tools/Schedule')
| -rw-r--r-- | src/lib/Tools/Schedule/Crunchyroll.svelte | 50 | ||||
| -rw-r--r-- | src/lib/Tools/Schedule/Tool.svelte | 5 |
2 files changed, 36 insertions, 19 deletions
diff --git a/src/lib/Tools/Schedule/Crunchyroll.svelte b/src/lib/Tools/Schedule/Crunchyroll.svelte index a2b5d339..78bbf9cf 100644 --- a/src/lib/Tools/Schedule/Crunchyroll.svelte +++ b/src/lib/Tools/Schedule/Crunchyroll.svelte @@ -51,34 +51,46 @@ {@const date = new Date(day[0].year, day[0].month - 1, day[0].day)} <div class="card day"> - {date.toLocaleString('default', { month: 'long' })} - {ordinalSuffix(day[0].day)}, {day[0].year} - <ol> - {#each day as media} - <li>{media.title}</li> - {/each} - </ol> + <details open class="details-unstyled"> + <summary> + {date.toLocaleString('default', { month: 'long' })} + {ordinalSuffix(day[0].day)}, {day[0].year} + </summary> + <ol> + {#each day as media} + <li>{media.title}</li> + {/each} + </ol> + </details> </div> <p /> {/each} <div class="card day"> - Coming soon - <ol> - {#each soon as media} - <li>{media.title}</li> - {/each} - </ol> + <details open class="details-unstyled"> + <summary>Coming soon</summary> + + <ol> + {#each soon as media} + <li>{media.title}</li> + {/each} + </ol> + </details> </div> <div class="card day"> - Continuing from previous season - <ol> - {#each continuing as media} - <li>{media.title}</li> - {/each} - </ol> + <details open class="details-unstyled"> + <summary>Continuing from previous season</summary> + + <p /> + + <ol> + {#each continuing as media} + <li>{media.title}</li> + {/each} + </ol> + </details> </div> </div> diff --git a/src/lib/Tools/Schedule/Tool.svelte b/src/lib/Tools/Schedule/Tool.svelte index b2b9fdf0..349f98d0 100644 --- a/src/lib/Tools/Schedule/Tool.svelte +++ b/src/lib/Tools/Schedule/Tool.svelte @@ -215,4 +215,9 @@ .today { font-weight: bold; } + + .list { + overflow-y: auto; + break-inside: avoid-column; + } </style> |