Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Too much padding when enabling "Expand the bookmarks toolbar by hovering" #23

Closed
Impasse52 opened this issue Nov 22, 2024 · 4 comments
Closed

Comments

@Impasse52
Copy link

Impasse52 commented Nov 22, 2024

Enabling "Expand the bookmarks toolbar by hovering" in Bookmark Toolbar Tweaks causes extra padding to appear even when the bookmark toolbar is hidden.

This is how it looks with the bookmarks toolbar disabled:

image

and this is how it looks like when the toolbar is enabled:
image

I would love this feature if the padding was as in the first screenshot while still being able to hover to show bookmarks. As it is now, it looks very chunky and asymmetrical, which kind of defeats the purpose of having such a feature, personally.

@damian-ds7
Copy link
Contributor

I tried fixing it but it caused issues for others. You can try editing the mod css file to fix it on your device.

    @media (-moz-bool-pref: "uc.bookmarks.expand-on-search") or (-moz-bool-pref: "uc.bookmarks.expand-on-hover") {
        #PersonalToolbar[collapsed="false"]:not([customizing]) {
            position: relative;
            margin-bottom: calc(0px - var(--urlbar-min-height));
            transform: rotateX(90deg) !important;
            transform-origin: top;
            transition: transform 135ms linear !important;
            z-index: 1;
        }
    }

change the 0px to whatever works for you in margin-bottom. IIRC this mods files are in chrome/zen-themes/ea1a.../

@Impasse52
Copy link
Author

I tried fixing it but it caused issues for others. You can try editing the mod css file to fix it on your device.

    @media (-moz-bool-pref: "uc.bookmarks.expand-on-search") or (-moz-bool-pref: "uc.bookmarks.expand-on-hover") {
        #PersonalToolbar[collapsed="false"]:not([customizing]) {
            position: relative;
            margin-bottom: calc(0px - var(--urlbar-min-height));
            transform: rotateX(90deg) !important;
            transform-origin: top;
            transition: transform 135ms linear !important;
            z-index: 1;
        }
    }

change the 0px to whatever works for you in margin-bottom. IIRC this mods files are in chrome/zen-themes/ea1a.../

Thank you, this seems to do the trick! What kind of issues does this cause? Just so I know what to look out for.

@damian-ds7
Copy link
Contributor

If it works for you than I don't think you have to worry. It's just that the value you set can not work well everywhere and there was a padding issue with my changes some time ago.

@n7itro
Copy link
Owner

n7itro commented Dec 4, 2024

Moving this to #25

@n7itro n7itro closed this as completed Dec 4, 2024
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants