myfaces-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Jeanne Waldman (JIRA)" <...@myfaces.apache.org>
Subject [jira] Created: (TRINIDAD-1937) beef up -tr-property-ref to work in compact css properties like border
Date Fri, 08 Oct 2010 17:54:31 GMT
beef up -tr-property-ref to work in compact css properties like border
----------------------------------------------------------------------

                 Key: TRINIDAD-1937
                 URL: https://issues.apache.org/jira/browse/TRINIDAD-1937
             Project: MyFaces Trinidad
          Issue Type: Improvement
          Components: Skinning
            Reporter: Jeanne Waldman
            Assignee: Jeanne Waldman


We have compact css properties in our skin files, like

border: red solid 2px;


We also have a -tr-property-ref feature so you can set the property to
another selector's property value.

.AFDarkColor { color: #cccccc}
.AFDarkBG {background-color: -tr-property-ref("color", ".AFDarkColor")}

But currently -tr-property-ref does not work within a compact css property.

We would like to do this:

border: -tr-property-ref("color", ".AFDarkColor"); solid 2px;

We worked around not having this feature by breaking out border: red solid
2px into verbose styles

border-style: solid;
border-width: 2px;
border-color: -tr-property-ref("color", ".AFDarkColor");

, but this is not backward compatible; it might break a person's skin
extension.

-- 

If someone skinned
border: purple solid 2px, they will overwrite the current border: red solid
2px. The merged property is border: purple solid 2px;

But if we changed our skin to be border-style, border-width, border-color,
then their border override isn't overriding any more since it is a different
property. border vs border-style, etc.
So the properties get merged to border, border-style, border-width,
border-color. And we currently cannot rely on the ordering of the css
properties, so they could get border: purple solid 2px; border-style: solid;
border-width: 2px; border-color: red. 


-- 
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.


Mime
View raw message