Firefox Customs

64 readers

2 users here now

Chat with us!

Post your unsupported Firefox customizations here!

From the makers of r/FirefoxCSS

Links

Related

Firefox

Rules

Posts must have flair!
Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.
Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.
When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Relatively short snippets can be wrapped in code-block for inline viewing.
Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.

founded 2 years ago

MODERATORS

[email protected]

MrOtherGuy

Limiting bookmark bar length to content only (self.FirefoxCSS)

submitted 1 month ago by subhasutra to c/[email protected]

5 comments fedilink hide all child comments

I'm using this to auto hide bookmark bar, and this to get the items centered.

#PlacesToolbarItems {
    justify-content: center;
}

However the length of the bookmark bar spans whole window. Is it possible to crop it only till content? Also is it possible to do a blur on this hiding bar?

top 5 comments

sorted by: hot top controversial new old

[–] MrOtherGuy 2 points 1 month ago (1 children)

I think this is what you mean to achieve:

#PersonalToolbar#PersonalToolbar{
  background: none !important;
}
#PlacesToolbar{
  justify-content: center;
}
#PlacesToolbarItems{
  max-width: min-content;
  background-color: var(--toolbar-bgcolor);
}

Except for "blur" - with which I think you mean blurring of whatever is behind the bar - but that isn't possible in this scenario. If the bar was to appear over the toolbar area then you could blur the toolbar content behind the box.

[–] subhasutra 1 points 1 month ago (1 children)

Thank you. It works! As for this, is reducing the --uc-bm-height the only way?

[–] MrOtherGuy 2 points 1 month ago (1 children)

Well, not the only way, but I think it's pretty much the most sensible one. You can just leave the style as is but add you own custom override at the end with:

#PersonalToolbar{ --uc-bm-height: 19px }

[–] subhasutra 1 points 1 month ago

Thank you again.

[–] subhasutra 1 points 1 month ago

One more thing is I have removed the line underneath tool bar with

#navigator-toolbox {
    border-bottom: none !important;
}

This is causing 1 pixel gap between the bookmark bar and toolbar. How can I fix it?