From 54dfa21bf70e8a2d06264aaf8344aca42e9a7f59 Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Tue, 9 Nov 2021 13:24:38 -0500
Subject: [PATCH] Force scrollable behaviour for all label columns

Signed-off-by: Sebastian Malton <sebastian@malton.name>
---
 src/renderer/components/+namespaces/namespaces.scss |  2 +-
 src/renderer/components/badge/badge.module.css      | 12 ++++++++++++
 .../item-object-list/item-list-layout.scss          | 13 +++++++++++++
 3 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/+namespaces/namespaces.scss b/src/renderer/components/+namespaces/namespaces.scss
index 5e27994876..29f5056785 100644
--- a/src/renderer/components/+namespaces/namespaces.scss
+++ b/src/renderer/components/+namespaces/namespaces.scss
@@ -38,4 +38,4 @@
       @include namespaceStatus;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/renderer/components/badge/badge.module.css b/src/renderer/components/badge/badge.module.css
index 8fe7a0a022..572d979e28 100644
--- a/src/renderer/components/badge/badge.module.css
+++ b/src/renderer/components/badge/badge.module.css
@@ -36,6 +36,18 @@
   text-overflow: ellipsis;
 }
 
+:global(.ItemListLayout) {
+  .badge {
+    max-width: unset;
+  }
+
+  .badge:not(.isExpanded) {
+    white-space: unset;
+    overflow: unset;
+    text-overflow: unset;
+  }
+}
+
 .badge:not(.flat) {
   background: var(--colorVague);
   border-radius: 3px;
diff --git a/src/renderer/components/item-object-list/item-list-layout.scss b/src/renderer/components/item-object-list/item-list-layout.scss
index 2609d0b323..444081f241 100644
--- a/src/renderer/components/item-object-list/item-list-layout.scss
+++ b/src/renderer/components/item-object-list/item-list-layout.scss
@@ -54,6 +54,19 @@
     &.menu {
       @include table-cell-action;
     }
+
+    &.labels {
+      overflow-x: scroll;
+      text-overflow: unset;
+
+      &::-webkit-scrollbar {
+        display: none;
+      }
+
+      :not(:last-of-type) {
+        margin-right: 0.5em;
+      }
+    }
   }
 }