diff options
| author | Fuwn <[email protected]> | 2026-04-02 10:10:15 +0000 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-04-02 10:10:15 +0000 |
| commit | 3ac6cb9d01f7f4fe75e45036c1803da448e1abf3 (patch) | |
| tree | 9f33fc8484cddd82070e6aa344bd748a2b4526c9 /src/lib | |
| parent | feat(debug): add media list timing toggle (diff) | |
| download | due.moe-3ac6cb9d01f7f4fe75e45036c1803da448e1abf3.tar.xz due.moe-3ac6cb9d01f7f4fe75e45036c1803da448e1abf3.zip | |
fix(ui): refine media list title counts
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/List/ListTitle.svelte | 21 |
1 files changed, 17 insertions, 4 deletions
diff --git a/src/lib/List/ListTitle.svelte b/src/lib/List/ListTitle.svelte index 0821b97c..58899661 100644 --- a/src/lib/List/ListTitle.svelte +++ b/src/lib/List/ListTitle.svelte @@ -15,12 +15,14 @@ export let hideCount = false; </script> <summary> - <span title={title.hint || undefined} use:tooltip>{title.title}</span> - {#if !hideCount}[{count === -1337 ? '...' : count}]{/if} - <!-- {#if !hideCount}[{#if count === -1337}...{:else}<NumberTicker + <span class="list-title-text" title={title.hint || undefined} use:tooltip>{title.title}</span> + {#if !hideCount} + <span class="opaque list-title-count">{count === -1337 ? '...' : count}</span> + {/if} + <!-- {#if !hideCount}{#if count === -1337}...{:else}<NumberTicker end={count} duration={Math.min(2500, Math.max(500, Math.abs(count - 0) * 10))} - />{/if}]{/if} --> + />{/if}{/if} --> {#if !hideTime && $settings.debugShowListTimings} <small class="opaque">{time ? time.toFixed(3) : '...'}s</small> {/if} @@ -31,3 +33,14 @@ export let hideCount = false; </button> {/if} </summary> + +<style> + .list-title-text, + .list-title-count { + vertical-align: middle; + } + + .list-title-count { + font-weight: normal; + } +</style> |