These are chat archives for angular/material

21st
Jan 2019
Fábio Carneiro
@fabiocarneiro
Jan 21 16:19
I'm trying to have a list with primary and secondary actions. The secondary action is a icon button on the right side. I applied a (click) trigger to the main action, but since the secondary action button is contained inside the primary action mat-list-item, the primary action is also triggered when clicking in the secondary action button. I tried to split the space with their own containers, but it gets quite messy with the css not being applied to the mat-line... Any advice?
Fábio Carneiro
@fabiocarneiro
Jan 21 16:25
nvm, solved the issue by wrapping the left side on a .mat-list-item-content
Fábio Carneiro
@fabiocarneiro
Jan 21 16:44
what is mat-drawer for?
codymikol
@codymikol
Jan 21 16:53
@fabiocarneiro You should check the material2 channel
This is for angularjs 1.x , material
Aleksander Dyomin
@aleksanderd
Jan 21 17:29
hi! Is there any material predefined global css classes for app layout, forms, etc? To make all of them looking nice (widths, margins, adaptive, etc) fast by using some unified classes... somethins like bootstrap framework and others... thnx
codymikol
@codymikol
Jan 21 17:33
Not sure what you're asking @aleksanderd
Aleksander Dyomin
@aleksanderd
Jan 21 17:52
@codymikol I mean some helper css classes and recommended usage examples(guidelines) to markup "standard" layout(adaptive containers, panels, forms). May be I missed something, so any example of simple adaptive layout will be helpfull too
codymikol
@codymikol
Jan 21 17:52
I would start with the docs https://material.angularjs.org/latest/
@aleksanderd
Aleksander Dyomin
@aleksanderd
Jan 21 17:55
@codymikol thank you!
strange, not found it here https://material.angular.io/
codymikol
@codymikol
Jan 21 18:01
Are you using angularjs v1.x or angular @aleksanderd
If you're using angular v2+ you should instead look here https://material.angular.io/components/autocomplete/overview
There is also a specific channel for material 2 https://gitter.im/angular/material2
Aleksander Dyomin
@aleksanderd
Jan 21 18:03
@codymikol thnx!
Michael Prentice
@Splaktar
Jan 21 18:47
@aleksanderd And the short answer is no, AngularJS Material and Angular Material are not CSS frameworks. They are component libraries. This means that you get CSS related to the components in the library, but we generally (but not always) avoid styling other things on the page like native input, select, etc. A lot of the work we do is to provide value (better a11y, specific behaviors, specific APIs designed for AngularJS/Angular, etc) on top of native components rather than just changing how they look.