From 026b65a5172b8b3f18f79a1ab97e9e85fb2590a4 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 5 Jan 2020 00:39:52 +0200 Subject: [PATCH] Make magic heights to be controlled by variables --- chrome/autohide_bookmarks_toolbar.css | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/chrome/autohide_bookmarks_toolbar.css b/chrome/autohide_bookmarks_toolbar.css index 5b34302..38c28ff 100644 --- a/chrome/autohide_bookmarks_toolbar.css +++ b/chrome/autohide_bookmarks_toolbar.css @@ -1,14 +1,19 @@ -/* Show bookmarks toolbar only when cursor is on top of toolbar area or urlbar is focused */ +#PersonalToolbar{ + --uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */ + --uc-bm-padding: 3px; /* Vertical padding to be applied to bookmarks */ +} + +:root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px } +:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 6px } #PersonalToolbar:not([customizing]){ - margin-bottom: -22px; + margin-bottom: calc(2px - var(--uc-bm-height) - 2 * var(--uc-bm-padding)); transform: rotateX(90deg); transform-origin: top; transition: transform 135ms linear 48ms !important; z-index: 1; } -:root[uidensity="compact"] #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -20px } -:root[uidensity="touch"] #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -26px } +#PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; } /* SELECT BOOKMARKS TOOLBAR BEHAVIOR */ /* Comment out to disable either one of these */