Menus not displaying correctly in chrome

Asked by Bill Gosse

Menus don't seem to be displaying correctly in the latest version of chrome. Menu text is wrapping when it shouldn't be and some menus are getting buried behind the Front Page and Dashboard buttons. Has anyone else seen issues with chrome? Browser are so annoying sometimes.

I not seeing the behavior in either IE or FF. The only thing weird i see with IE is the test in an input is not being centered vertically correctly. FF seems to have no issue.

Question information

Language:
English Edit question
Status:
Solved
For:
PHPDevShell Edit question
Assignee:
No assignee Edit question
Solved by:
Bill Gosse
Solved:
Last query:
Last reply:
Revision history for this message
Greg (gregfr) said :
#1

Can you specify the version of Chrome and provide screenshots? thanks.

Revision history for this message
Bill Gosse (bill-gosse) said :
#2

The version of Chrome 21.0.1180.60 m for windows 7.

I got screen shots but how do I attached them to this question?

Revision history for this message
Bill Gosse (bill-gosse) said :
#3

See attached screen shots one for FireFox and one for Google Chrome.

-----Original Message-----
From: <email address hidden> [mailto:<email address hidden>] On Behalf Of Greg
Sent: Monday, August 06, 2012 4:11 PM
To: Bill Gosse
Subject: Re: [Question #205139]: Menus not displaying correctly in chrome

Your question #205139 on PHPDevShell changed:
https://answers.launchpad.net/phpdevshell/+question/205139

    Status: Open => Needs information

Greg requested more information:
Can you specify the version of Chrome and provide screenshots? thanks.

--
To answer this request for more information, you can either reply to this email or enter your reply at the following page:
https://answers.launchpad.net/phpdevshell/+question/205139

You received this question notification because you asked the question.

Revision history for this message
Bill Gosse (bill-gosse) said :
#4

See attached screen shots one for FireFox and one for Google Chrome.

-----Original Message-----
From: <email address hidden> [mailto:<email address hidden>] On Behalf Of Greg
Sent: Monday, August 06, 2012 4:11 PM
To: Bill Gosse
Subject: Re: [Question #205139]: Menus not displaying correctly in chrome

Your question #205139 on PHPDevShell changed:
https://answers.launchpad.net/phpdevshell/+question/205139

    Status: Open => Needs information

Greg requested more information:
Can you specify the version of Chrome and provide screenshots? thanks.

--
To answer this request for more information, you can either reply to this email or enter your reply at the following page:
https://answers.launchpad.net/phpdevshell/+question/205139

You received this question notification because you asked the question.

Revision history for this message
Greg (gregfr) said :
#5

I usually use http://imgur.com/ to share screenshot, because I use this excellent Chrome extension:
https://chrome.google.com/webstore/detail/mdddabjhelpilpnpgondfmehhcplpiin

However you can always contact me directly at greg-at-phpdevshell-dot-org.

Revision history for this message
TitanKing (titan-phpdevshell) said :
#6

Hi Guys,

I am aware there are a few glitches with menus if they get too long, the menu system will change in 3.2.1 to correct this.

Revision history for this message
Greg (gregfr) said :
#7

This seems to be a Chrome bug with padding in em; if I change

#nav a {
padding: .5em;
}

to

#nav a {
padding: 5px;
}

it works again.

As Chrome is auto-upgrading, I cannot test with an older version if it's a version 21 bug, but I never seen it before.

Revision history for this message
Bill Gosse (bill-gosse) said :
#8

So what file is this change made in?

Revision history for this message
Greg (gregfr) said :
#9

Create a file named "chrome_css_fix.css" at the root of the PHPDevShell installation, with this content:

#nav a {
 padding: 5px !important;
}

Log in to your PHPDevShell installation as root, then go to

System Management > System Admin > System Settings

In the "Theme Settings" tag, locate the field "Custom CSS" and type the name of the file: chrome_css_fix.css

This should fix the problem until we release a new version.

Revision history for this message
Bill Gosse (bill-gosse) said :
#10

Thanks Greg! this worked great.

Revision history for this message
Greg (gregfr) said :
#11

You're welcome.
Don't hesitate to give us your feedback about the framework :)