Quantcast

«

»

Jan 30 2013

Firefox Chrome CSS Question

I am trying to adjust the tabs in Firefox using the userChrome.css mechanism. I want to make them shorter, which I have achieved with this code:

.tabbrowser-tabs {
max-height: 25px !important;
}

Now the problem is how the fucken fucke do I adjust the spacing of the text, favicon, and close-tab doohickey in the shorter tab? Cause it is still the same distance from the top of the tab as it was when the tab was taller, so it’s no longer centered and it’s cut off at the bottom.

Anybody got any fucken ideas??

9 comments

Skip to comment form

  1. 1
    antialiasis

    Making the line-height the same as the height should vertically center the text of the tab and possibly (hopefully) the favicon/close-tab button.

  2. 2
    Comradde PhysioProffe

    Well, yeah. My question is, What the fucken fucke is the actual CSS code to do that??????

  3. 3
    slc1

    I’m not sure that I understand the fuckken Yankee fan’s question. It is my experience that the tabs in Firefox, and, AFAIK, in all other browsers, automatically become narrower as one adds more and more of them.

  4. 4
    Comradde PhysioProffe

    narrower

    You obviously didn’t read the question carefully.

  5. 5
    trazan

    No real clue. Maybe there is something like border-width, padding, margin et cetera in
    chrome://browser/skin/browser.css ?
    If you just want more vertical space, maybe there is some working vertical tab addon out there, I used one before firefox 4. Are there titlebars in windows 8?

  6. 6
    Comradde PhysioProffe

    chrome://browser/skin/browser.css

    Now, we’re talking! Where the fucke do I find that in Firefox 18?? It isn’t where it used to be in the versions that any of the explanations that I could find and understand on the Internet referred to.

  7. 7
    Jafafa Hots

    all browsers now suck.

    it’s the latest thing. Everyone loves it.

  8. 8
    leper

    It sounds like you need to change either the margin at the top or the padding, so the text actually fits.

    margin-top

    padding

    Presumably you simply add something like margin-top: 0px with the max-height setting. If neither of those work, experiment with small negative values.

    Hope this helps, or at least points you in the right direction.

  9. 9
    slc1

    Re Physioproffe @ #4

    I read it carefully. Apparently, what the fuckken Yankee Fan means by shorter is to reduce the height of each tab. I would check for an add-on that allows some control over the appearance of tabs. I must say that it is not obvious why one would want to reduce the height of the tabs but what the fuckke do I know.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>