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?

  • @MrOtherGuyM
    2•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.

    • @subhasutraOP
      1•2 months ago

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

      • @MrOtherGuyM
        2•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 }
  • @subhasutraOP
    1•2 months 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?