[jira] [Commented] (FLEX-35171) CSS color RGB not set in component

["Carlos Rovira (JIRA)" <ji...@apache.org>]

    [ https://issues.apache.org/jira/browse/FLEX-35171?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=15688044#comment-15688044 ] 

Carlos Rovira commented on FLEX-35171:
--------------------------------------

Hi Alex,

this is from example in this page: https://getmdl.io/components/index.html#cards-section

in the example from the web:

.demo-card-wide > .mdl-card__title {
  color: #fff;
  height: 176px;
  background: url('../assets/demos/welcome_card.jpg') center / cover;
}

<div class="mdl-card__title">
    <h2 class="mdl-card__title-text">Welcome</h2>
  </div>

mdl-card__title is a basic MDL selector for title, and in the example the black color is overwrited by the custom color white.

So if I try to write css like in the example FlexJS return this:

.demo-card-wide .mdl-card__title>CHILD {
        color : #fff ;
        background : url('assets/welcome_card.jpg') center / cover ;
        height : 176px ;
}

I think that output states clearly a bug, although maybe the original explanation was not the real problem

> CSS color RGB not set in component
> ----------------------------------
>
>                 Key: FLEX-35171
>                 URL: https://issues.apache.org/jira/browse/FLEX-35171
>             Project: Apache Flex
>          Issue Type: Bug
>          Components: FlexJS
>    Affects Versions: Apache FlexJS 0.8.0
>         Environment: Mac OS X Sierra
>            Reporter: Carlos Rovira
>            Assignee: Alex Harui
>
> I want to set a color:#fff
> If I put in a css class external selector, this is not applied (but rest of rules works ok).
> If I put in inline style, this is working ok.
> If you want to see the code is in MDLExample, App.mxml line 117:
> <mdl:CardTitle className="cardTitle" style="color: #fff;">.    <-- I need to set the color here to get text inside this component white, if not it gets black
> The css style is mdl-styles.css
> .cardTitle
> {
> 	color: #fff;     <--- this rule is not working
> 	height: 176px;
> }



--
This message was sent by Atlassian JIRA
(v6.3.4#6332)