You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by mc...@apache.org on 2009/01/28 07:03:12 UTC

svn commit: r738376 - /myfaces/myfaces-site-skins/trunk/myfaces-site-skin/src/main/resources/css/maven-theme.css

Author: mcooper
Date: Wed Jan 28 06:03:12 2009
New Revision: 738376

URL: http://svn.apache.org/viewvc?rev=738376&view=rev
Log:
Fix for bugs in many of the MyFaces website pages that causes a horizontal scroll bar to be displayed even though there should be enough space to not have one.
The problem is that the "Apache MyFaces" image being displayed inside of the "banner" element is 210px wide but the container DIV that is floated to the right was being set to 200px so there will always be 10 few pixels and thus a horizontal scroll bar:
http://myfaces.apache.org/tobago/img/banners/MyFaces_logo.jpg
http://myfaces.apache.org/trinidad/img/banners/MyFaces_logo.jpg
http://myfaces.apache.org/portlet-bridge/img/banners/MyFaces_logo.jpg
On some pages, this is not a problem because the "banner" element contains a generic "Apache" image that uses only 200px:
http://myfaces.apache.org/img/banners/apache_banner.png
Now, with 210px being allocated to this "banner" element, there will always be enough space regardless of which image is being placed in the DIV.

Modified:
    myfaces/myfaces-site-skins/trunk/myfaces-site-skin/src/main/resources/css/maven-theme.css

Modified: myfaces/myfaces-site-skins/trunk/myfaces-site-skin/src/main/resources/css/maven-theme.css
URL: http://svn.apache.org/viewvc/myfaces/myfaces-site-skins/trunk/myfaces-site-skin/src/main/resources/css/maven-theme.css?rev=738376&r1=738375&r2=738376&view=diff
==============================================================================
--- myfaces/myfaces-site-skins/trunk/myfaces-site-skin/src/main/resources/css/maven-theme.css (original)
+++ myfaces/myfaces-site-skins/trunk/myfaces-site-skin/src/main/resources/css/maven-theme.css Wed Jan 28 06:03:12 2009
@@ -181,7 +181,7 @@
 
 #banner {
 	float: right;
-	width: 200px;
+	width: 210px;
 	height: 85px;
 	margin-top: 10px;
 }