From 126c41a03344517e9fb623642050e41f39c663d8 Mon Sep 17 00:00:00 2001
From: Pier-Jean Malandrino <pierjean.malandrino@scub.net>
Date: Thu, 2 Apr 2026 16:39:08 +0200
Subject: [PATCH] Fix studio topbar title wrapping when sidebar is open

Prevent multi-line title by adding ellipsis truncation and min-width
constraints on the topbar-left container.
---
 frontend/src/pages/StudioPage.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/src/pages/StudioPage.vue b/frontend/src/pages/StudioPage.vue
index 072719d..2bd6791 100644
--- a/frontend/src/pages/StudioPage.vue
+++ b/frontend/src/pages/StudioPage.vue
@@ -551,12 +551,17 @@ onBeforeUnmount(() => {
   display: flex;
   align-items: center;
   gap: 20px;
+  min-width: 0;
 }
 
 .topbar-title {
   font-size: 15px;
   font-weight: 600;
   color: var(--text);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
 }
 
 .mode-toggle {