From 3b354554f20fb97e7a74a9eec9bf8fbe31ff32f2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrick=20H=C3=A4rtl?= <haertl@ux3d.io>
Date: Tue, 5 Nov 2024 15:39:14 +0100
Subject: [PATCH] Add scrollbar to tabs

---
 index.html       | 4 ++--
 src/ui/sass.scss | 7 +++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 8d22c09c..7b819fc9 100644
--- a/index.html
+++ b/index.html
@@ -104,7 +104,7 @@
                         v-show='!(isMobile && tabContentHidden === false) && !noUI'
                         >
                 </div>  
-            <div class="column " v-show='uiVisible'>
+            <div class="column" v-show='uiVisible'>
                     <!--Drop Area -->
                     <div v-bind:class="[showDropDownOverlay ? '' : 'is-hidden']" id="dropZone"
                         style="pointer-events: none;">
@@ -126,7 +126,7 @@
                     <b-tabs id="tabsContainer" 
                         vertical position="is-right" 
                         v-model="activeTab"
-                        v-bind:class="[tabContentHidden ? 'is-flex-wrap-nowrap hideTabs' : 'is-flex-wrap-nowrap']" 
+                        v-bind:class="[tabContentHidden ? 'is-flex-wrap-nowrap hideTabs tabsContainer' : 'is-flex-wrap-nowrap tabsContainer']" 
                         type="is-toggle" v-bind:animated="false">
 
                         <!-- Tab Category: Models -->
diff --git a/src/ui/sass.scss b/src/ui/sass.scss
index e9e06023..94cb3758 100644
--- a/src/ui/sass.scss
+++ b/src/ui/sass.scss
@@ -204,6 +204,13 @@ label.switch
     height: 100%;
 }
 
+.tabsContainer .tabs
+{
+    overflow-y: auto;
+    overflow-x: hidden;
+    height: 100%;
+}
+
 .smallerLabel .label
 {
     font-weight: 400;