Page MenuHomePhabricator

Fix Blueprint top bar. Currently obscuring h1#firstHeading by wrapping onto the second line.
Closed, DeclinedPublic

Description

I visited http://livingstyleguide.wmflabs.org/wiki/OOjs_UI/Widgets/Icons,_Indicators,_and_Labels and Blueprint's top bar wrapped to a second line and obscured the heading.

This screenshot shows the problem.

2015-06-24 Blueprint LSG overflow.png (1×1 px, 174 KB)

(The screenshot also shows a separate bug T103734: Blueprint skin doesn't display what you type in its search box using Firefox.)

Vector's top tabs can overflow and obscure the top line, but at least the unused parts of Vector's overflow don't obscure the first heading:

2015-06-24 Vector skin top bar overflow.png (354×705 px, 102 KB)

Related Objects

StatusSubtypeAssignedTask
Resolved Spage
Resolved Spage
Resolved Spage
Resolvedori
DeclinedNone
ResolvedNone
DeclinedNone
ResolvedAnomie
DeclinedNone
OpenNone
OpenNone
Resolved Spage
DeclinedNone
Resolvedjeropbrenda
OpenNone
DeclinedQgil
Resolved Spage
ResolvedQgil
ResolvedQgil
ResolvedQgil
Resolved Spage
Resolved Spage
Resolved Spage
DeclinedNone
DeclinedNone
Resolved Spage
Resolved Spage
DeclinedNone
DeclinedNone
Resolved violetto
DeclinedNone
DeclinedNone
DeclinedNone
DeclinedNone
ResolvedNone

Event Timeline

Spage raised the priority of this task from to Low.
Spage updated the task description. (Show Details)
Spage subscribed.
Spage set Security to None.
violetto renamed this task from Blueprint top bar can obscure h1 firstHeading to Fix Blueprint top bar is. Currently obscuring h1 firstHeading by wrapping onto the second line..Jun 24 2015, 9:23 PM
violetto renamed this task from Fix Blueprint top bar is. Currently obscuring h1 firstHeading by wrapping onto the second line. to Fix Blueprint top bar. Currently obscuring h1 firstHeading by wrapping onto the second line..

Yikes, this shouldn't happen. cc @Volker_E / @Prtksxna

Ouch! Looks like a media query problem. The entire thing seems to have broken for smaller widths. I don't think this used to be the case earlier.

Screen Shot 2015-06-27 at 11.57.09 AM.png (550×659 px, 62 KB)

Should we make a separate tracking task for making blueprint responsive?

Volker_E renamed this task from Fix Blueprint top bar. Currently obscuring h1 firstHeading by wrapping onto the second line. to Fix Blueprint top bar. Currently obscuring h1#firstHeading by wrapping onto the second line..Jul 28 2015, 10:14 PM

The skin is no longer maintained