Create vertical_bookmarks_toolbar.css

chrome/vertical_bookmarks_toolbar.css

@@ -0,0 +1,37 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/vertical_bookmarks_toolbar.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+Makes bookmarks toolbar appear vertically at the left side of the window
+
+:root:not([inDOMFullscreen]){
+  --uc-vertical-toolbar-width: 60px;
+}
+
+#PersonalToolbar{
+ position: fixed;
+  display: flex;
+  flex-direction: column;
+  left: 0;
+  width: var(--uc-vertical-toolbar-width,0);
+  
+  /* These create a empty area to the bottom of the toolbar, which is to mask a fact that we don't know exactly how high the toolbar should be */
+  max-height: 100vh !important; 
+  padding-bottom: 120px !important;
+
+}
+
+#personal-bookmarks{ overflow-y: auto; scrollbar-width: none;}
+
+#PersonalToolbar >  #personal-bookmarks > #PlacesToolbar > hbox{ -moz-box-orient: vertical !important; }
+#PersonalToolbar #PlacesToolbarItems{
+  display: flex;
+  flex-direction: column;
+}
+
+#PersonalToolbar #PlacesToolbarItems > .bookmark-item{ padding-block: 4px !important; }
+
+body > #browser,
+body > #browser-bottombox,
+#customization-container{
+  margin-left: var(--uc-vertical-toolbar-width,0);
+}

html_resources/tagmap.json

@@ -31,10 +31,12 @@
 "grid_overflow_menu.css":["popup","menu"],
 "hide_statuspanel_when_fullscreen.css":["status","fullscreen","hiding"],
 "hide_tabs_toolbar.css":["hiding","tabs","toolbars"],
+"hide_tabs_toolbar_osx.css":["tabs","toolbars","hiding","minimal"],
 "hide_tabs_with_one_tab.css":["hiding","tabs","toolbars"],
 "hide_tabs_with_one_tab_w_window_controls.css":["hiding","tabs","toolbars"],
 "hide_toolbox_top_bottom_borders.css":["toolbars","hiding"],
 "hide_urlbar_first_row.css":["urlbar","popup","hiding"],
+"iconized_menubar_items.css":["menubar","menu","icon"],
 "linux_gtk_window_control_patch.css":["patch","window-control"],
 "menubar_in_main_toolbar.css":["menubar","nav-bar","minimal","toolbars"],
 "menubar_in_tabs_toolbar.css":["toolbars","minimal","menubar"],
@@ -91,10 +93,9 @@
 "urlbar_popup_full_width.css":["urlbar","popup"],
 "urlbar_results_in_two_rows.css":["urlbar","popup"],
 "urlbar_visible_on_active_tab_click.css":["hack","urlbar"],
+"vertical_bookmarks_toolbar.css":["bookmarks","toolbars"],
 "vertical_context_navigation.css":["navigation","menu","popup"],
 "vertical_context_navigation_v2.css":["navigation","menu","popup"],
 "vertical_menubar.css":["menubar","hack"],
-"window_control_placeholder_support.css":["window-control","patch"],
+"window_control_placeholder_support.css":["window-control","patch"]
-"hide_tabs_toolbar_osx.css":["tabs","toolbars","hiding","minimal"],
-"iconized_menubar_items.css":["menubar","menu","icon"]
 }

tags.csv

@@ -30,10 +30,12 @@ google_style_urlbar_popup.css,legacy
 grid_overflow_menu.css,popup,menu
 hide_statuspanel_when_fullscreen.css,status,fullscreen,hiding
 hide_tabs_toolbar.css,hiding,tabs,toolbars
+hide_tabs_toolbar_osx.css,tabs,toolbars,hiding,minimal
 hide_tabs_with_one_tab.css,hiding,tabs,toolbars
 hide_tabs_with_one_tab_w_window_controls.css,hiding,tabs,toolbars
 hide_toolbox_top_bottom_borders.css,toolbars,hiding
 hide_urlbar_first_row.css,urlbar,popup,hiding
+iconized_menubar_items.css,menubar,menu,icon
 linux_gtk_window_control_patch.css,patch,window-control
 menubar_in_main_toolbar.css,menubar,nav-bar,minimal,toolbars
 menubar_in_tabs_toolbar.css,toolbars,minimal,menubar
@@ -90,9 +92,8 @@ urlbar_centered_text.css,urlbar
 urlbar_popup_full_width.css,urlbar,popup
 urlbar_results_in_two_rows.css,urlbar,popup
 urlbar_visible_on_active_tab_click.css,hack,urlbar
+vertical_bookmarks_toolbar.css,bookmarks,toolbars
 vertical_context_navigation.css,navigation,menu,popup
 vertical_context_navigation_v2.css,navigation,menu,popup
 vertical_menubar.css,menubar,hack
 window_control_placeholder_support.css,window-control,patch
-hide_tabs_toolbar_osx.css,tabs,toolbars,hiding,minimal
-iconized_menubar_items.css,menubar,menu,icon