From 8539e13987bb32a403f85f7d595e212d1dfa117b Mon Sep 17 00:00:00 2001
From: Sig <62321214+sigprogramming@users.noreply.github.com>
Date: Sat, 26 Oct 2024 21:00:45 +0900
Subject: [PATCH] =?UTF-8?q?=E3=82=BD=E3=83=B3=E3=82=B0=EF=BC=9A=E3=83=88?=
 =?UTF-8?q?=E3=83=A9=E3=83=83=E3=82=AF=E9=81=B8=E6=8A=9E=E4=B8=AD=E3=81=AB?=
 =?UTF-8?q?=E3=83=88=E3=83=A9=E3=83=83=E3=82=AF=E5=90=8D=E3=81=AE=E3=83=86?=
 =?UTF-8?q?=E3=82=AD=E3=82=B9=E3=83=88=E3=83=95=E3=82=A3=E3=83=BC=E3=83=AB?=
 =?UTF-8?q?=E3=83=89=E3=82=92=E8=A1=A8=E7=A4=BA=E3=81=99=E3=82=8B=E3=82=88?=
 =?UTF-8?q?=E3=81=86=E3=81=AB=E3=81=99=E3=82=8B=20(#2316)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Hiroshiba <hihokaruta@gmail.com>
---
 src/components/Sing/SideBar/TrackItem.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/Sing/SideBar/TrackItem.vue b/src/components/Sing/SideBar/TrackItem.vue
index 892dbefcbf..c3b9f64a51 100644
--- a/src/components/Sing/SideBar/TrackItem.vue
+++ b/src/components/Sing/SideBar/TrackItem.vue
@@ -61,11 +61,15 @@
       <QItemSection>
         <QItemLabel class="track-name" @click.stop="uiLocked || selectTrack()">
           <QInput
+            v-if="props.trackId === selectedTrackId"
             v-model="temporaryTrackName"
             dense
             :disable="uiLocked"
             @blur="updateTrackName"
           />
+          <div v-else class="walkaround-unselected-track-name">
+            {{ track.name }}
+          </div>
         </QItemLabel>
         <QItemLabel v-if="trackCharacter" caption class="singer-name">
           <!-- ミュート中はアイコンを表示 -->
@@ -408,4 +412,11 @@ const singerName = computed(() => {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
+// 選択されていないトラックのトラック名の表示をQInputの見た目に合わせる
+.walkaround-unselected-track-name {
+  margin-bottom: 2px;
+  margin-top: 3px;
+  letter-spacing: 0.00937em;
+}
 </style>