Increase your browser font size, and the header menu spills out of its row and the right-most items become obscured and un-clickable under the home logo/link.

* Browser (Firefox 3.6)

CommentFileSizeAuthor
#3 text-zoom.png311.78 KBc4rl
header_menu.png17.49 KBjweowu

Comments

jweowu’s picture

jweowu commented
Title: Header menu does not scale vertically » QA: Header menu does not scale vertically
lisarex’s picture

lisarex commented
Assigned: Unassigned » c4rl
Issue tags: +drupal.org redesign, +drupal.org redesign qa

tagging.

c4rl, something you want to do?

c4rl’s picture

c4rl commented
Title: QA: Header menu does not scale vertically » Layout does not respond to text-only zoom
Priority: Normal » Minor
Status: Needs work » Postponed
StatusFileSize
new text-zoom.png311.78 KB

In order to duplicate this, I had to first change my browser settings such that it *only* zoomed text size, which is not the default. Then I had to zoom in 6 times.

At this point, the entire layout is basically broken, not just the menu. See attached.

The larger issue at hand is to what degree the theme should support text-only zoom.

Since most major browsers default to zooming the layout instead of just the text, @lisarex and I have elected to postpone for the sake of higher priority issues.

jweowu’s picture

jweowu commented

edit: I've removed my original reply. I got confused by your comments and renaming of this one, as I had already logged a separate issue for the home page scaling problem (#941160: QA: Top region of home page does not scale (text-only) [theme]).

This issue was intended specifically for the top menu (which can be a problem on all pages, not just the home page), so I think it should probably be renamed back to what it was.

jweowu’s picture

jweowu commented
Title: Layout does not respond to text-only zoom » QA: Header menu does not scale vertically
Everett Zufelt’s picture

Everett Zufelt commented

I would recommend familiarizing yourself with http://drupal.org/node/769692 . I am not sure what the project requirements for the redesign entail, but likely it should at least follow the accessibility guidelines we have put in place for Core themes. This means compliance, where possible, with WCAG 2.0 level AA. Looking at WCAG 2.0 level AA you will find the answer to your question about requirements for font resizing.

c4rl’s picture

c4rl commented
Status: Postponed » Needs review

I understand this issue is important. I made some improvements to the CSS to support text-scaling. Visible at http://redesign.drupal.org

@jweowu or @Everett Zufelt, do you mind reviewing?

jweowu’s picture

jweowu commented

Thanks, this is working nicely for me in Firefox 3.6.10, Opera 10.6.2, and IE8.0.

c4rl’s picture

c4rl commented
Status: Needs review » Fixed

Great, thanks @jweowu

Status: Fixed » Closed (fixed)
Issue tags: -drupal.org redesign, -drupal.org redesign qa, -drupal.org redesign qa theme

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

Issue tags: +drupal.org redesign, +drupal.org redesign qa, +drupal.org redesign qa theme

Restoring issue tags, see #2125755: System messages removed all issue tags during D7 upgrade.