[
https://issues.apache.org/jira/browse/OFBIZ-1119?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Jacques Le Roux updated OFBIZ-1119:
-----------------------------------
Comment: was deleted
(was: Attached to the wrong issue.)
> Use the same backend colourful CSS in eCommerce
> -----------------------------------------------
>
> Key: OFBIZ-1119
> URL: https://issues.apache.org/jira/browse/OFBIZ-1119
> Project: OFBiz
> Issue Type: Improvement
> Components: specialpurpose/ecommerce
> Affects Versions: Trunk
> Reporter: Jacques Le Roux
> Priority: Trivial
> Attachments: Just found this little quirk.jpg, ecommain.patch
>
>
> This cescription comes from Adrian's answer to a question I asked on the user
> ML
> Jacques Le Roux wrote:
> > A quick question (mostly intended to Adrian I guess). Why don't we use the
> backend colourful CSS theme in eCommerce ?
> Jacques,
> The back office apps were styled based on the general agreement that the new
> styles can target newer
> browsers - older (non-compliant) browsers were not a concern.
> The eCommerce component needs to work with the majority of browsers - even
> the broken ones. A lot of
> the backend styling doesn't work in certain browsers, so we can't just copy
> the back office styles
> over to eCommerce.
> The approach taken in the back office apps could be repeated in eCommerce -
> taking care to introduce
> styles that will work in most browsers.
> One difference is you would want to specify sizes in pixels - so there will
> be greater control over
> the layout. The back office apps were made scalable (using ems) and
> accessible - a good feature. As
> a result, the layout is "fluid" - things move around when default font sizes
> are changed or the
> window size is changed. That behavior might be undesirable in eCommerce.
> Here are the steps taken during the back office UI refactoring:
> 1. Eliminate redundant properties settings (fonts and font size for example)
> in the main style
> sheet. The "Resets" and "Basic Element" sections of maincss.css could be
> copied over to facilitate
> that (converting em to px in the process).
> 2. Reduce the number of CSS styles by using descendent selectors. In other
> words, style HTML element
> compounds - not individual HTML elements.
> 3. Convert table-based layout to CSS-based layout. Use the screenlet classes,
> etc.
> The eCommerce style sheet will probably require browser-specific hacks. That
> is an area I am not
> proficient with. Maybe some CSS gurus in the developer community can help
> with that.
> So, the bottom line is - the process used in the back office apps can be used
> as a model, but the
> steps need to be carried out differently to maintain browser compatibility.
> -Adrian
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
