pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

vertical_bookmarks_toolbar: Make PlacesToolbarItems use -webkit-box

Browse source 
This is because scrollbox[orient="horizontal"] has a UA sheet set
important row flex-direction which we cannot override.
This commit is contained in:
MrOtherGuy 2023-04-12 17:23:31 +03:00
parent 92be3549cd
commit 0c1a86cec5
1 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
chrome/vertical_bookmarks_toolbar.css
View file

@ -21,6 +21,11 @@ See the above repository for updates as well as full license text. */
height: 100vh; height: 100vh;
max-height: 100vh !important; max-height: 100vh !important;
padding-bottom: 120px !important; padding-bottom: 120px !important;
padding-inline: 2px !important;
}
#PersonalToolbar .toolbarbutton-1{
--toolbarbutton-inner-padding: 10px !important;
} }
#PersonalToolbar #PlacesChevron{ #PersonalToolbar #PlacesChevron{
display: none; display: none;
@ -37,18 +42,21 @@ See the above repository for updates as well as full license text. */
} }
#PersonalToolbar #PlacesToolbarItems{ #PersonalToolbar #PlacesToolbarItems{
display: flex; display: -webkit-box !important;
flex-direction: column; -webkit-box-orient: vertical;
overflow-y: auto; overflow-y: auto;
scrollbar-width: none; scrollbar-width: none;
} }
#PersonalToolbar > toolbaritem{
justify-content: center;
}
#PersonalToolbar #PlacesToolbarItems > toolbarseparator{ #PersonalToolbar #PlacesToolbarItems > toolbarseparator{
height: 7px; height: 7px;
background-color: currentColor; background-color: currentColor;
background-clip: padding-box; background-clip: padding-box;
border-block: 3px solid transparent !important; border-block: 3px solid transparent !important;
} }
#PersonalToolbar .toolbarbutton-1{ padding-block: 10px !important }
#PersonalToolbar #PlacesToolbarItems > .bookmark-item{ #PersonalToolbar #PlacesToolbarItems > .bookmark-item{
padding-block: 4px !important; padding-block: 4px !important;
margin-inline: 0 !important; margin-inline: 0 !important;
@ -66,11 +74,4 @@ See the above repository for updates as well as full license text. */
:root:is([chromehidden~="toolbar"],[sizemode="fullscreen"]) > body > #customization-container{ :root:is([chromehidden~="toolbar"],[sizemode="fullscreen"]) > body > #customization-container{
margin-left: 0; margin-left: 0;
} }
/* Workaround for Firefox > 112 */
/*
#PersonalToolbar #PlacesToolbarItems{
display: -webkit-box;
-webkit-box-orient: vertical !important;
}
*/
} }