makondo wrote:
Interesting.
I have more than a dozen of styles for tabs and never had a problem making them high or tall as i'd wish.
I spent hours on this issue alone today, testing, testing, testing. It boiled down to I would specify a "min-height" as so:
Code:
.tabbrowser-tab,
.tabs-newtab-button {min-height:17px !important}
It would work beautifully in Firefox UNTIL I enabled TMP. When TMP was activated, the height of those objects would collapse down to a much shorter height. I looked in the DOM Inspector and found no CSS instructions from TabMix+ that were assigning a min-height to the above mentioned classes. This leads me to believe that TMP is doing something that the DOM Inspector can't see (e.g. causing FF to ignore min-height rules for these classes).
I spent hours today massaging child objects inside of tabs until I got TMP to at least give me a little more height, while not mucking up the bottom border of my tabs when TMP was disabled. I also had to raise the height of the tab label text so that it wouldn't get cropped by the tabs being too short in TMP.
This was a real balancing act because the bottom border needs to disappear for the active tab, which means the active tab needs to overflow the tab-strip such that the active tab's background gradient covers up the bottom border of the tab strip. Overall, the tabs are probably more robust now, and they are within 2px of being correct in TMP but they still aren't perfect.[/code]
Login
Register
FAQ
Search
I never thought it would be so hard.