Userchrome: tab bar use space for tabs till far right
Hi,
I use UserChrome but I wasn't able find a solution to my aesthetic problem, so I decided to ask for help here (or links to an already answered thread). I'd like the tabs to fit until the far right of the tab bar and not to stop approximately 1,5 cm before it. Look at the picture for detail.
Thank you!
Chosen solution
The Bookmarks Toolbox shows two hbox .titlebar-placeholder elements positioned at at start and at the end of the #TabsToolbar container. The one at the left end has a type="pre-tabs" attribute and the one at the end has type="post-tabs" attribute.
The CSS file calls them 'drag space':
/* Drag space */
.titlebar-placeholder[type="pre-tabs"],
.titlebar-placeholder[type="post-tabs"] {
width: 40px;
}
You can check whether the customize window has a setting to hide this drag space (check the bottom of this window).
The one at the end can be hidden with this code in userChrome.css
#TabsToolbar .titlebar-placeholder[type="post-tabs"] { display:none!important; }
Read this answer in context
👍 0
All Replies (3)
Could you attach that image file again? There's a Browse... button below the text box: https://support.mozilla.org/questions/1243202#question-reply
On Windows, there's space on the right for the "three buttons" as a blank area you can double-click to switch between resizable and maximized. Not sure why there is space on the right on Mac; it could be the "drag space" that make it possible to move a resizable window.
Chosen Solution
The Bookmarks Toolbox shows two hbox .titlebar-placeholder elements positioned at at start and at the end of the #TabsToolbar container. The one at the left end has a type="pre-tabs" attribute and the one at the end has type="post-tabs" attribute.
The CSS file calls them 'drag space':
/* Drag space */
.titlebar-placeholder[type="pre-tabs"],
.titlebar-placeholder[type="post-tabs"] {
width: 40px;
}
You can check whether the customize window has a setting to hide this drag space (check the bottom of this window).
The one at the end can be hidden with this code in userChrome.css
#TabsToolbar .titlebar-placeholder[type="post-tabs"] { display:none!important; }
Hey Jefferson, hey cor-el,
Thank you for your quick replies. Sorry, the photo didn't come through, I didn't drop it into the answer field. I attach it here, though cor-el's latter command was the aspired solution to the problem. Thank you! https://prod-cdn.sumo.mozilla.net/uploads/images/2018-12-09-16-14-21-9c02f4.png
Have a good day!
