Merge pull request #583 from KhronosGroup/fix/scrollableTabs

Add scrollbar to tabs
KhronosGroup · Nov 5, 2024 · bbe6f56 · bbe6f56
2 parents e2a9233 + 3b35455
commit bbe6f56
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git 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
@@ -204,6 +204,13 @@ label.switch
     height: 100%;
 }
 
+.tabsContainer .tabs
+{
+    overflow-y: auto;
+    overflow-x: hidden;
+    height: 100%;
+}
+
 .smallerLabel .label
 {
     font-weight: 400;