fix(list): show item content separated to the button

[devversion]

Fixes #6984 Fixes #6488

[EladBezalel]

it would be so much clearer if you would just wrap all with

&:not(.md-no-focus) 

[devversion]

I'm not getting what you exactly mean. You mean we should wrap that as followed:

    &.md-focused {
      &:not(md-no-focus) {
        background-color: '{{background-500-0.2}}';

      }
    }

Because I think this will add an empty selector, which is not used. (only &.md-focused)

[EladBezalel]

NVM but i just feel like this is wrong, can't we apply md-focused only when md-no-focus is not available?

[devversion]

Seems to be a better a idea, I would prefer a attribute called md-no-focus-style. See my newest changes, I updated my PR, you should decide about className or attribute

[EladBezalel]

@devversion in the issue the user claims he can't use 2 checkboxes what is your fix right here?

[devversion]

I completely reworked the list item structure, in this version we split the button and the content, thats really important because firefox is not allowing by default click events on children. This fix works as same as before, but it only fixes the issues with firefox and other browsers which disallow click events on child nodes

[devversion]

As you want receive more info, what info is missing?. You can see the Firefox Bug Report on Bugzilla too, https://bugzilla.mozilla.org/show_bug.cgi?id=1181763

[EladBezalel]

The code looks much clearer right now.

[devversion]

@ThomasBurleson @EladBezalel I just rebased the PR (due conflicts from 3ffa0a2) and then I combined it with a fix for #6984.

Tested it, this will fix the click issues for firefox (https://bugzilla.mozilla.org/show_bug.cgi?id=1181763) and will fix the current button / secondary issue (disconnected button from item content)

Here a preview after the fix:

[AnirudhaGohokar]

Hi,
Was applying md-seconday to md-input-container but it does'nt seem to work.

http://codepen.io/anon/pen/pgmwBv

I believe its for only buttons but what if we want to have non clickable contents like input control ?

Thank You

[devversion]

@AnirudhaGohokar,

Yes you're right, as the docs say, it's only restricted for use with buttons. If you would suggest this a feature, you should create another issue.