diff --git a/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/chrome.css b/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/chrome.css index 5090012c4..fd36607a5 100644 --- a/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/chrome.css +++ b/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/chrome.css @@ -102,6 +102,10 @@ menuitem.bookmark-item[label*="github"] .menu-icon { /* Only apply hiding when bookmarks toolbar is actually enabled */ #PersonalToolbar:not([collapsed]):not([customizing]) { + height: 4px !important; + min-height: 4px !important; + margin-bottom: -4px !important; + overflow: visible !important; position: relative; margin-bottom: calc(0px - var(--urlbar-min-height)); transform: rotateX(90deg) !important; @@ -120,6 +124,18 @@ menuitem.bookmark-item[label*="github"] .menu-icon { @media (-moz-bool-pref: "uc.bookmarks.expand-on-hover") { #zen-appcontent-navbar-container:hover #PersonalToolbar:not([collapsed]) { transform: rotateX(0deg) !important; + /* position: absolute to float over webpage without pushing layout */ + position: absolute !important; + height: unset !important; + min-height: unset !important; + margin-bottom: 0px !important; + width: 100% !important; + } + + /* Constrain width so overflow chevron appears correctly */ + #zen-appcontent-navbar-container:hover #PlacesToolbarItems { + max-width: 100% !important; + overflow: hidden !important; } }