overlay title covered by tabs

This will be even more of a problem in situations where we have lots of tabs (like in contrib admin screens). The tabs are absolutely positioned, so they're taken out of the flow, and the header text has no idea they're there, so it doesn't wrap around them.

CommentFileSizeAuthor
#4 overlay-titlebar2.patch7.25 KBcasey
#5 FF-long-single-word-title.png15.15 KBcasey
#5 FF-long-multi-word-title.png14.84 KBcasey
overlay title covered by tabs19.35 KBksenzee

Comments

ksenzee’s picture

ksenzee
she/her
commented

Oops. Try this screenshot:

overlay title covered by tabs

horncologne’s picture

horncologne commented

Subscribing.

kiphaas7’s picture

kiphaas7 commented

Setting a padding-right on the title dynamically with javascript should solve that issue. Allthough, I don't know what happens when multiple lines are involved.

casey’s picture

casey commented
StatusFileSize
new overlay-titlebar2.patch7.25 KB

Just to not lose the code; the CSS is pretty nifty. Looks fabulous in modern browsers though. Unfortunately needed lots of IE6/IE7 adjustments. I guess a Javascript solution would be simpler.

casey’s picture

casey commented
StatusFileSize
new FF-long-multi-word-title.png14.84 KB
new FF-long-single-word-title.png15.15 KB

Screenshots FF.

Jeff Burnz’s picture

Jeff Burnz commented

Yes, tricky CSS, at least it highlights one fix we need as well - the whitespace nowrap causes a horizontal scroll for long titles.

Jeff Burnz’s picture

Jeff Burnz commented
Status: Active » Needs review

assuming this needs a re-roll...

Bevan’s picture

Bevan commented

Related; #1159586: Long titles make the overlay too wide.

Bevan’s picture

Bevan commented
Status: Needs review » Fixed

This bug does exist anymore.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.