set the toolbar height to 100vh and add more vertical padding to buttons in it

This commit is contained in:
MrOtherGuy 2021-01-03 15:43:46 +02:00
parent 409d6a5cc4
commit 36132cd715

View file

@ -10,16 +10,16 @@ See the above repository for updates as well as full license text. */
} }
#PersonalToolbar{ #PersonalToolbar{
position: fixed; position: fixed;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
left: 0; left: 0;
width: var(--uc-vertical-toolbar-width,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 */ /* 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 */
height: 100vh;
max-height: 100vh !important; max-height: 100vh !important;
padding-bottom: 120px !important; padding-bottom: 120px !important;
} }
#personal-bookmarks{ overflow-y: auto; scrollbar-width: none;} #personal-bookmarks{ overflow-y: auto; scrollbar-width: none;}
@ -29,8 +29,9 @@ See the above repository for updates as well as full license text. */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
#PersonalToolbar .toolbarbutton-1{ padding-block: 10px !important }
#PersonalToolbar #PlacesToolbarItems > .bookmark-item{ padding-block: 4px !important; } #PersonalToolbar #PlacesToolbarItems > .bookmark-item{ padding-block: 4px !important; }
body > #browser, body > #browser,
body > #browser-bottombox, body > #browser-bottombox,