svn commit: r995198 - /ofbiz/trunk/framework/images/webapp/images/ecommain.css

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

svn commit: r995198 - /ofbiz/trunk/framework/images/webapp/images/ecommain.css

doogie-3
Author: doogie
Date: Wed Sep  8 19:02:58 2010
New Revision: 995198

URL: http://svn.apache.org/viewvc?rev=995198&view=rev
Log:
Fix several overly wide screens in specialpurpose/ecommerce:

1: product detail hard-coded the width of the image, even if the actual
image was smaller.
2: products with surveys(gift card purchase) were overly large, which
caused them to float below the left content.
3: the header on productcategory listings had background lines that
overflowed underneath the left and right columns.

The ecommerce app is now closer to something we'd actually show a real
customer, in its default configuration.

Modified:
    ofbiz/trunk/framework/images/webapp/images/ecommain.css

Modified: ofbiz/trunk/framework/images/webapp/images/ecommain.css
URL: http://svn.apache.org/viewvc/ofbiz/trunk/framework/images/webapp/images/ecommain.css?rev=995198&r1=995197&r2=995198&view=diff
==============================================================================
--- ofbiz/trunk/framework/images/webapp/images/ecommain.css (original)
+++ ofbiz/trunk/framework/images/webapp/images/ecommain.css Wed Sep  8 19:02:58 2010
@@ -303,9 +303,9 @@ margin:0 0 0 10px;
 }
 
 #ecom-mainarea .center {
-margin-left:150px;
-margin-right:150px;
 voice-family:inherit;
+overflow:hidden;
+padding:0px 10px;
 }
 
 #ecom-mainarea .leftonly {
@@ -1037,39 +1037,32 @@ display: inline-block;
 }
 
 #productImageBox {
-width: 770px;
+width:100%;
 border-top: 1px #BBBBBB solid;
 display: inline-block;
 }
 div.additionalImage {
-width: 200px;
 }
 
 #detailImageBox {
 float: left;
-height: 800px;
-width: 272px;
+width:50%;
 }
 #additionalImageBox {
 float: left;
-width: 272px;
 }
 
 #productDetailBox {
 float: right;
-height: 266px;
-padding: 266px 0;
-width: 200px;
+width:50%;
 }
 
 #addItemForm {
 clear: both;
-width : 600px;
 border-top: 1px #BBBBBB solid;
 }
 
 #paginationBox {
-width : 600px;
 border-top: 1px #BBBBBB solid;
 border-bottom: 1px #BBBBBB solid;
-}
\ No newline at end of file
+}