2
Limiting bookmark bar length to content only (lemmy.world)
submitted 2 months ago by subhasutra@lemmy.world to c/FirefoxCSS@fedia.io
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?

you are viewing a single comment's thread
view the rest of the comments
[-] MrOtherGuy@lemmy.world 2 points 2 months ago

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@lemmy.world 1 points 2 months ago

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

[-] MrOtherGuy@lemmy.world 2 points 2 months ago

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@lemmy.world 1 points 2 months ago

Thank you again.

load more comments (1 replies)
this post was submitted on 03 Dec 2024
2 points (100.0% liked)

Firefox Customs

2 readers
6 users here now

Chat with us!

Post your unsupported Firefox customizations here!

From the makers of r/FirefoxCSS

Links

Related

Rules

  1. Posts must have flair!
  2. Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.
  3. Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.
  4. 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.
  5. Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.

founded 2 years ago
MODERATORS
yoasif@fedia.io
MrOtherGuy@lemmy.world