vertical_bookmarks_toolbar: Make PlacesToolbarItems use -webkit-box

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

View file

@ -21,6 +21,11 @@ See the above repository for updates as well as full license text. */
height: 100vh;
max-height: 100vh !important;
padding-bottom: 120px !important;
padding-inline: 2px !important;
}
#PersonalToolbar .toolbarbutton-1{
--toolbarbutton-inner-padding: 10px !important;
}
#PersonalToolbar #PlacesChevron{
display: none;
@ -37,18 +42,21 @@ See the above repository for updates as well as full license text. */
}
#PersonalToolbar #PlacesToolbarItems{
display: flex;
flex-direction: column;
display: -webkit-box !important;
-webkit-box-orient: vertical;
overflow-y: auto;
scrollbar-width: none;
}
#PersonalToolbar > toolbaritem{
justify-content: center;
}
#PersonalToolbar #PlacesToolbarItems > toolbarseparator{
height: 7px;
background-color: currentColor;
background-clip: padding-box;
border-block: 3px solid transparent !important;
}
#PersonalToolbar .toolbarbutton-1{ padding-block: 10px !important }
#PersonalToolbar #PlacesToolbarItems > .bookmark-item{
padding-block: 4px !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{
margin-left: 0;
}
/* Workaround for Firefox > 112 */
/*
#PersonalToolbar #PlacesToolbarItems{
display: -webkit-box;
-webkit-box-orient: vertical !important;
}
*/
}