Patch for the new prototype PHP.net website: Solving the text overflow problem with long function names in the side menu

Function names can be long strings with no spaces and tend to overflow outside of their bounding boxes when their in narrow columns such as the side menu. Generally, we want to avoid overflowing, so we put "overflow: hidden" style applied to their containers. This results in long function names being visually truncated and it's impossible to see them in their full length. This patch changes this behaviour, adding a simple style definition "element:hover { overflow: visible }" making the function names expand when the user hovers over them. It also buys them a little more horizontal space by decreasing the unnecessary left padding. -- Wadim Grasza http://plus.google.com/111329349733874507523/about

Index: styles/theme.css =================================================================== --- styles/theme.css (revision 313907) +++ styles/theme.css (working copy) @@ -507,10 +507,15 @@ overflow: hidden; border: none; font-size: 11px; - padding: 1px 0 1px 20px; + padding: 1px 0 1px 0px; margin: 0; font-weight: normal; } + +.layout-menu li li a:hover { + overflow: visible; +} + .layout-menu li.current a { font-weight: bold; }