Create vertical_bookmarks_toolbar.css

This commit is contained in:
MrOtherGuy 2020-07-09 16:53:37 +03:00
parent fc967120bf
commit e2fbcb5790
3 changed files with 44 additions and 5 deletions

View file

@ -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);
}

View file

@ -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"],
"hide_tabs_toolbar_osx.css":["tabs","toolbars","hiding","minimal"],
"iconized_menubar_items.css":["menubar","menu","icon"]
"window_control_placeholder_support.css":["window-control","patch"]
}

View file

@ -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

1 autohide_bookmarks_and_main_toolbars.css,autohide,bookmarks,toolbars,nav-bar
30 grid_overflow_menu.css,popup,menu
31 hide_statuspanel_when_fullscreen.css,status,fullscreen,hiding
32 hide_tabs_toolbar.css,hiding,tabs,toolbars
33 hide_tabs_toolbar_osx.css,tabs,toolbars,hiding,minimal
34 hide_tabs_with_one_tab.css,hiding,tabs,toolbars
35 hide_tabs_with_one_tab_w_window_controls.css,hiding,tabs,toolbars
36 hide_toolbox_top_bottom_borders.css,toolbars,hiding
37 hide_urlbar_first_row.css,urlbar,popup,hiding
38 iconized_menubar_items.css,menubar,menu,icon
39 linux_gtk_window_control_patch.css,patch,window-control
40 menubar_in_main_toolbar.css,menubar,nav-bar,minimal,toolbars
41 menubar_in_tabs_toolbar.css,toolbars,minimal,menubar
92 urlbar_popup_full_width.css,urlbar,popup
93 urlbar_results_in_two_rows.css,urlbar,popup
94 urlbar_visible_on_active_tab_click.css,hack,urlbar
95 vertical_bookmarks_toolbar.css,bookmarks,toolbars
96 vertical_context_navigation.css,navigation,menu,popup
97 vertical_context_navigation_v2.css,navigation,menu,popup
98 vertical_menubar.css,menubar,hack
99 window_control_placeholder_support.css,window-control,patch
hide_tabs_toolbar_osx.css,tabs,toolbars,hiding,minimal
iconized_menubar_items.css,menubar,menu,icon