From 061a2c6c948e227525416b79ac0ef757c80c0116 Mon Sep 17 00:00:00 2001
From: Jeremy Ruston <jeremy@jermolene.com>
Date: Sat, 14 Mar 2020 12:55:11 +0000
Subject: [PATCH] Menubar: Add an optional dropdown for the sidebar tabs

---
 .../menubar/config-MenuItemsVisibility.multids        |  1 +
 plugins/tiddlywiki/menubar/items/sidebar.tid          | 11 +++++++++++
 plugins/tiddlywiki/menubar/styles.tid                 | 11 +++++++++++
 3 files changed, 23 insertions(+)
 create mode 100644 plugins/tiddlywiki/menubar/items/sidebar.tid

diff --git a/plugins/tiddlywiki/menubar/config-MenuItemsVisibility.multids b/plugins/tiddlywiki/menubar/config-MenuItemsVisibility.multids
index f355e493a..150949b38 100644
--- a/plugins/tiddlywiki/menubar/config-MenuItemsVisibility.multids
+++ b/plugins/tiddlywiki/menubar/config-MenuItemsVisibility.multids
@@ -2,3 +2,4 @@ title: $:/config/plugins/menubar/MenuItems/Visibility/$:/plugins/tiddlywiki/menu
 
 pagecontrols: hide
 server: hide
+sidebar: hide
\ No newline at end of file
diff --git a/plugins/tiddlywiki/menubar/items/sidebar.tid b/plugins/tiddlywiki/menubar/items/sidebar.tid
new file mode 100644
index 000000000..3651883f1
--- /dev/null
+++ b/plugins/tiddlywiki/menubar/items/sidebar.tid
@@ -0,0 +1,11 @@
+title: $:/plugins/tiddlywiki/menubar/items/sidebar
+caption: Sidebar
+description: Sidebar
+is-dropdown: yes
+tags: $:/tags/MenuBar
+
+<div class="tc-popup-keep tc-menubar-dropdown-sidebar">
+
+<$transclude tiddler="$:/core/ui/SideBarSegments/tabs" mode="inline"/>
+
+</div>
diff --git a/plugins/tiddlywiki/menubar/styles.tid b/plugins/tiddlywiki/menubar/styles.tid
index 3ba23d88b..0ef0c2ccd 100644
--- a/plugins/tiddlywiki/menubar/styles.tid
+++ b/plugins/tiddlywiki/menubar/styles.tid
@@ -139,6 +139,17 @@ nav.tc-menubar .tc-drop-down ol {
 	margin: 0;
 }
 
+nav.tc-menubar .tc-drop-down .tc-menubar-dropdown-sidebar a,
+nav.tc-menubar .tc-drop-down .tc-menubar-dropdown-sidebar button {
+	display: inline;
+	width: auto;
+}
+
+nav.tc-menubar .tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button {
+	display: block;
+	width: 100%;
+}
+
 @media (max-width: {{$:/config/plugins/menubar/breakpoint}}) {
 
 	.tc-menubar-wide {