As Yishay hinted earlier, we would need to to use !important for display:
flex
.layout {
display: flex !important;
}
On Wed, Feb 15, 2017 at 12:06 PM, OmPrakash Muppirala <bigosma...@gmail.com>
wrote:
> I have been meaning to add a note asking folks to test out the
> FlexTeamPage_MDL project
>
> https://github.com/apache/flex-asjs/tree/develop/
> examples/flexjs/FlexTeamPage_MDL
>
> Wherever I had layout issues, I simply created a container and gave it a
> className and did all my layout using FlexBox. That is something I can
> live with. Perhaps folks can just create re-usable VContainers or
> HContainers like this:
>
> VContainer:
>
> <Container className="layout horizontalLayout">
> </Container>
>
> HContainer:
>
> <Container className="layout verticalLayout">
> </Container>
>
> CSS:
>
> .layout {
> display: flex;
> }
>
> .horizontalLayout {
> flex-direction: row
> }
>
> .verticalLayout {
> flex-direction: column
> }
>
>
> On Wed, Feb 15, 2017 at 11:50 AM, Carlos Rovira <carlosrov...@apache.org>
> wrote:
>
>> Hi,
>>
>> 2017-02-15 20:39 GMT+01:00 piotrz <piotrzarzyck...@gmail.com>:
>>
>> >
>> > I could add it this code to default.css, but is it something which we
>> > wanted
>> > ?
>> >
>> >
>> my guest is that we should upload this kind of css setups to a general SWC
>> since it will impact others.
>>
>> I think we need more experience in how to layout MDL. we should create
>> some
>> js-non-flexjs examples ourselves to exercise how things are done in order
>> to understand why things are behaving like this. Or see how people is
>> doing
>> searching on google.
>>
>> For example I started a new example MDLBlogExample to see where things are
>> not working as expected. I found some problems, but mostly due to CSS
>> errors that FlexJS still doesn't know how to handle. I left the example
>> unfinished, but I should fill JIRA tickets for the CSS things I found.
>>
>>
>>
>> --
>> Carlos Rovira
>> http://about.me/carlosrovira
>>
>
>
