Skip to content

Design suggestion for cross browser compitablity #11

Closed
@jigneshthummar

Description

@jigneshthummar

I suggest to add browser name and version in body class

for example

right now Magento shows body class name as follow for home page
<body class=" cms-index-index cms-home">

Suggested class name for chrome

<body class="cms-index-index cms-home Chrome Chrome18">

For Firefox

<body class="cms-index-index cms-home Firefox Firefox11">

For IE

<body class="cms-index-index cms-home MSIE MSIE9">

by doing this Magento can remove IE specific conditional css as well

This will help when we want to add browser specific css and even browser version specific css, so when ever i want to make change for perticular browser i just need to write .MSIE .className { property:value; } this is applied to all IE if i want more specfic solution .MSIE9 .className { property:value; } this change only applied for IE9

Please share your thoughts on this

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions