fix(18-02): add field labels above title/artist/album inputs in batch edit mode
This commit is contained in:
@@ -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>
|
||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user