Merge pull request #771 from fullmetal-fred/main

Fix plugin tab labels & scaling
FlowFuse · Apr 18, 2024 · 224c9e6 · 224c9e6
2 parents 4e73e3f + 5f821bf
commit 224c9e6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/nodes/config/ui_base.html b/nodes/config/ui_base.html
@@ -1306,7 +1306,7 @@
     }
 
     function addSidebarTab (label, id, tabs, sidebar) {
-        $(`<li id="dashboard-2-tab-${id}" class="red-ui-tab" style="width: 90px"><a class="red-ui-tab-label" title="Layout"><span>${label}</span></a></li>`).appendTo(tabs)
+        $(`<li id="dashboard-2-tab-${id}" class="red-ui-tab" style="min-width: 90px; width: fit-content"><a class="red-ui-tab-label" style="padding-inline: 12px" title="Layout"><span>${label}</span></a></li>`).appendTo(tabs)
 
         // Add in Tab Content
         const content = $(`<div id="dashboard-2-${id}" class="red-ui-tab-content" style="height: calc(100% - 72px);"></div>`).appendTo(sidebar)
@@ -1347,7 +1347,7 @@
                             if (plugin.tabs) {
                                 plugin.tabs.forEach(tab => {
                                     // add tab to sidebar
-                                    const container = addSidebarTab('FF Auth', 'ff-auth', ulDashboardTabs, sidebar)
+                                    const container = addSidebarTab(tab.label, tab.id, ulDashboardTabs, sidebar)
                                     container.hide()
                                     tab.init(base, container)
                                 })