fix some minor glitches

music-assistant · Aug 1, 2023 · b573a02 · b573a02
1 parent f446dbf
commit b573a02
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/src/components/VolumeControl.vue b/src/components/VolumeControl.vue
@@ -66,6 +66,7 @@
           <!-- sync button -->
           <div
             v-if="
+              player.type != PlayerType.GROUP &&
               !childPlayer.synced_to &&
               !childPlayer.group_childs.length &&
               Object.values(api.players).filter((x) => !x.synced_to && x.can_sync_with.includes(childPlayer.player_id))
@@ -93,7 +94,7 @@
             </v-menu>
           </div>
           <!-- unsync button -->
-          <div v-if="childPlayer.synced_to" class="syncbtn">
+          <div v-if="player.type != PlayerType.GROUP && childPlayer.synced_to" class="syncbtn">
             <Button icon @click="api.playerCommandUnSync(childPlayer.player_id)">
               <v-icon>mdi-link-variant-off</v-icon>
             </Button>

diff --git a/src/layouts/default/PlayerOSD/PlayerControlBtn/SpeakerBtn.vue b/src/layouts/default/PlayerOSD/PlayerControlBtn/SpeakerBtn.vue
@@ -11,7 +11,7 @@
     </v-badge>
     <v-icon v-else :color="props.color ? color : ''" :size="24">mdi-speaker</v-icon>
     <span v-if="activePlayerQueue && getBreakpointValue('bp6')" class="line-clamp-1 no_transform">
-      {{ truncateString(activePlayerQueue?.display_name, 8) }}
+      {{ truncateString(activePlayerQueue?.display_name, getBreakpointValue('bp7') ? 16 : 8) }}
     </span>
   </Button>
 </template>

diff --git a/src/layouts/default/PlayerOSD/PlayerControlBtn/VolumeBtn.vue b/src/layouts/default/PlayerOSD/PlayerControlBtn/VolumeBtn.vue
@@ -53,7 +53,7 @@
           <ListItem
             density="compact"
             two-line
-            :title="store.selectedPlayer?.name.substring(0, 25)"
+            :title="store.selectedPlayer?.display_name.substring(0, 25)"
             :subtitle="$t('state.' + store.selectedPlayer?.state)"
           >
             <template #prepend>

diff --git a/src/layouts/default/PlayerSelect.vue b/src/layouts/default/PlayerSelect.vue
@@ -7,7 +7,7 @@
     clipped
     temporary
     touchless
-    width="275"
+    width="290"
     style="z-index: 9999"
   >
     <!-- heading with Players as title-->
@@ -54,7 +54,7 @@
             </template>
             <template #title>
               <div>
-                <b>{{ truncateString(getPlayerName(player), 18) }}</b>
+                <b>{{ truncateString(getPlayerName(player), 20) }}</b>
               </div>
             </template>
             <template #subtitle>