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

This commit is contained in:
2026-03-18 13:32:08 -04:00
parent 5f21804b20
commit 9df2d6764a
@@ -510,6 +510,20 @@ export class TrackDetails extends LitElement {
color: var(--yj-text-tertiary, #888); 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 { .mixed-value {
color: var(--yj-text-tertiary, #888); color: var(--yj-text-tertiary, #888);
font-style: italic; font-style: italic;
@@ -812,6 +826,8 @@ export class TrackDetails extends LitElement {
<span class="batch-header"> <span class="batch-header">
Editing ${this.batchTracks.length} tracks Editing ${this.batchTracks.length} tracks
</span> </span>
<div class="main-field-group">
<label class="main-field-label">Title</label>
<input <input
class="main-input title-input" class="main-input title-input"
.value=${this.getEditValue( .value=${this.getEditValue(
@@ -824,6 +840,9 @@ export class TrackDetails extends LitElement {
? 'Multiple values' ? 'Multiple values'
: 'Title'} : 'Title'}
/> />
</div>
<div class="main-field-group">
<label class="main-field-label">Artist</label>
<input <input
class="main-input artist-input" class="main-input artist-input"
.value=${this.getEditValue( .value=${this.getEditValue(
@@ -836,6 +855,9 @@ export class TrackDetails extends LitElement {
? 'Multiple values' ? 'Multiple values'
: 'Artist'} : 'Artist'}
/> />
</div>
<div class="main-field-group">
<label class="main-field-label">Album</label>
<input <input
class="main-input album-input" class="main-input album-input"
.value=${this.getEditValue( .value=${this.getEditValue(
@@ -848,6 +870,7 @@ export class TrackDetails extends LitElement {
? 'Multiple values' ? 'Multiple values'
: 'Album'} : 'Album'}
/> />
</div>
`; `;
} }