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?

  • MrOtherGuy@lemmy.worldM
    2·
    3 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.worldOP
    1·
    3 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?