yonlu/yellowjacket
1
1
Fork 0
Code Issues 52 Pull Requests 4 Actions Packages Projects Releases 12 Wiki Activity

fix(18-02): add field labels above title/artist/album inputs in batch edit mode

Browse Source
This commit is contained in:
yonlu
2026-03-18 13:32:08 -04:00
parent 5f21804b20
commit 9df2d6764a
1 changed files with 59 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/track-details/track-details.ts
+23
View File
@@ -510,6 +510,20 @@ export class TrackDetails extends LitElement {
color: var(--yj-text-tertiary, #888);
}
.main-field-group {
display: flex;
flex-direction: column;
gap: 2px;
}
.main-field-label {
font-size: var(--yj-text-xs);
font-weight: 500;
color: var(--yj-text-tertiary, #888);
text-transform: uppercase;
letter-spacing: 0.5px;
}
.mixed-value {
color: var(--yj-text-tertiary, #888);
font-style: italic;
@@ -812,6 +826,8 @@ export class TrackDetails extends LitElement {
<span class="batch-header">
Editing ${this.batchTracks.length} tracks
</span>
<div class="main-field-group">
<label class="main-field-label">Title</label>
<input
class="main-input title-input"
.value=${this.getEditValue(
@@ -824,6 +840,9 @@ export class TrackDetails extends LitElement {
? 'Multiple values'
: 'Title'}
/>
</div>
<div class="main-field-group">
<label class="main-field-label">Artist</label>
<input
class="main-input artist-input"
.value=${this.getEditValue(
@@ -836,6 +855,9 @@ export class TrackDetails extends LitElement {
? 'Multiple values'
: 'Artist'}
/>
</div>
<div class="main-field-group">
<label class="main-field-label">Album</label>
<input
class="main-input album-input"
.value=${this.getEditValue(
@@ -848,6 +870,7 @@ export class TrackDetails extends LitElement {
? 'Multiple values'
: 'Album'}
/>
</div>
`;
}