Does "ng-disabled" work? about angular-material-icons HOT 7 CLOSED

Should this button disappear (like visibility: hidden) or removed from the context (like display: none)?

from angular-material-icons.

I would say it should be "greyed out". See the same issue raised in the md-icon directive on angular material's project.

Something like this:

Call icon disabled:

Call icon enabled:

from angular-material-icons.

A PR will help....

from angular-material-icons.

👍 Yea this is pretty needed... Anyone working on it?

from angular-material-icons.

Hi, I found an solution but I'd like to discuss which one of these we should use in our general css:

/* Only if the element has the class .md-button and the option ng-disabled*
.md-button[disabled] ng-md-icon svg {
fill: rgba(0, 0, 0, 0.26);
}*/
/* Only if the Element ng-md-icon has ng-disabled*
ng-md-icon[disabled] svg {
fill: rgba(0, 0, 0, 0.26);
}
*/
/*Every element that has an svg inside and has the tag ng-disabled*/
*[disabled] svg {
fill: rgba(0, 0, 0, 0.26);
}

My favorite is the last one, because I don't want to type for every element a rule. But it may have some unexpected reactions of other styles in your code. (I didn't test that.)

from angular-material-icons.

I prefer the second method, will work only for ng-md-icon (or can make it work for md-icon as well).

from angular-material-icons.

Yea I'd go with the second option as well to avoid unexpected behavior with other styles.

from angular-material-icons.