diff options
| author | Fuwn <[email protected]> | 2024-01-04 11:21:52 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-04 11:21:52 -0800 |
| commit | 59425d0074131bb2aec629d2d4163ba4dad82831 (patch) | |
| tree | 32f4fc666146b249f63acb36008b61dddda48574 /src | |
| parent | fix(badges): add spacer (diff) | |
| download | due.moe-59425d0074131bb2aec629d2d4163ba4dad82831.tar.xz due.moe-59425d0074131bb2aec629d2d4163ba4dad82831.zip | |
feat(schedule): details
Diffstat (limited to 'src')
| -rw-r--r-- | src/app.css | 6 | ||||
| -rw-r--r-- | src/lib/Tools/Schedule/Crunchyroll.svelte | 50 | ||||
| -rw-r--r-- | src/lib/Tools/Schedule/Tool.svelte | 5 |
3 files changed, 42 insertions, 19 deletions
diff --git a/src/app.css b/src/app.css index 9c0548c5..0ff87ecd 100644 --- a/src/app.css +++ b/src/app.css @@ -156,3 +156,9 @@ code { .card-clear { background-color: transparent; } + +.details-unstyled { + background-color: transparent; + padding: 0; + border-radius: 0; +} 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> |