From 7879d883cf7f1b861d3c0e0fc04c6e1a37ad269a Mon Sep 17 00:00:00 2001
From: Xaviju <xaviju@gmail.com>
Date: Wed, 21 Feb 2024 16:33:24 +0100
Subject: [PATCH] :bug: Fix ellipsis on color row

---
 .../main/ui/workspace/sidebar/options/rows/color_row.scss   | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.scss b/frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.scss
index f399ac696..d2b1fa081 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.scss
@@ -21,6 +21,7 @@
   --detach-icon-foreground-color: none;
 
   display: grid;
+  flex: 1;
   grid-template-columns: 1fr auto;
   align-items: center;
   gap: $s-2;
@@ -42,10 +43,15 @@
   @extend .input-element;
   flex-grow: 1;
   width: 100%;
+  min-width: 0;
   border-radius: $br-8 0 0 $br-8;
   padding: 0;
   margin-inline-end: 0;
   gap: $s-4;
+
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
   input {
     padding: 0;
   }