dad46ee23a
This is to prevent dragging issues where the new position of the bookmark is wrong if drop happens in margin area.
40 lines
1.5 KiB
CSS
40 lines
1.5 KiB
CSS
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_bookmarks.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 span multiple rows */
|
|
|
|
#PersonalToolbar{
|
|
--multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */
|
|
--multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */
|
|
max-height: none !important;
|
|
}
|
|
:root[BookmarksToolbarOverlapsBrowser] :where(#PersonalToolbar){
|
|
height: unset !important;
|
|
}
|
|
|
|
#PlacesToolbar > hbox:not(#PlacesToolbarDropIndicatorHolder){
|
|
display: block;
|
|
width: 100vw;
|
|
}
|
|
|
|
#PlacesToolbarItems{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
/* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
|
|
max-height: calc(var(--multirow-bmb-n-rows) * (4px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,var(--bookmark-block-padding)))))) !important;
|
|
overflow-y:auto;
|
|
scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor);
|
|
scrollbar-gutter: stable;
|
|
scrollbar-width: thin;
|
|
}
|
|
|
|
/* Hide the all-bookmarks button */
|
|
#PlacesChevron{ display: none }
|
|
|
|
/* Add some spacing between rows, inline margin is collapsed to prevent dragging issues */
|
|
#PlacesToolbarItems > .bookmark-item{
|
|
margin: var(--multirow-bmb-row-margin) 0 !important;
|
|
border-inline: 2px solid transparent;
|
|
visibility: visible !important; /* Just in case they would be hidden for some reason */
|
|
}
|