vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-07-14 22:50:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix title combined column trackSubtitle wrapping instead of truncating

Browse Source
This commit is contained in:
jeffvli
2026-07-11 14:22:08 -07:00
parent 1c659cc693
commit cae2135c3b
2 changed files with 27 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/item-list/item-table-list/columns/title-combined-column.module.css
+15 -2
View File
@@ -34,16 +34,29 @@
}
.title {
display: inline-block;
display: block;
width: 100%;
min-width: 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
--text-text-wrap: nowrap;
}
a.title {
width: auto;
width: 100%;
max-width: 100%;
}
.track-subtitle {
font-size: var(--theme-font-size-sm);
color: var(--theme-colors-foreground-muted);
}
.track-subtitle.active {
color: inherit;
}
src/renderer/components/item-list/item-table-list/columns/title-combined-column.tsx
+12 -7
View File
@@ -150,7 +150,13 @@ export const DefaultTitleCombinedColumn = (props: ItemTableListInnerColumn) => {
[styles.compact]: props.size === 'compact',
})}
>
<Text className={styles.title} isNoSelect size="md" {...titleLinkProps}>
<Text
className={styles.title}
isNoSelect
size="md"
truncate
{...titleLinkProps}
>
<ExplicitIndicator explicitStatus={item?.explicitStatus} />
{item.name as string}
</Text>
@@ -309,23 +315,21 @@ export const QueueSongTitleCombinedColumn = (props: ItemTableListInnerColumn) =>
})}
isNoSelect
size="md"
truncate
{...titleLinkProps}
>
<ExplicitIndicator explicitStatus={song?.explicitStatus} />
{row.name as string}
{song?.trackSubtitle && props.itemType !== LibraryItem.QUEUE_SONG && (
<Text
className={clsx({
<span
className={clsx(styles.trackSubtitle, {
[styles.active]: isActive,
})}
component="span"
isMuted
size="sm"
>
{' ('}
{song.trackSubtitle}
{')'}
</Text>
</span>
)}
</Text>
<div className={styles.artists}>
@@ -370,6 +374,7 @@ export const QueueSongTitleCombinedColumn = (props: ItemTableListInnerColumn) =>
className={styles.title}
isNoSelect
size="md"
truncate
{...titleLinkProps}
style={textStyles}
>