in Angular material progress spinner component we can actually set size by setting diameter. I want to know if there is an option to make this diameter responsive so it based on window size.

I have an odd situation where a deeply nested HTML segment of code may be inheriting some stylings from a parent that I can’t predict or control. The widget is pretty straight forward…

I have an odd situation where a deeply nested HTML segment of code may be inheriting some stylings from a parent that I can’t predict or control. The widget is pretty straight forward…

I have an odd situation where a deeply nested HTML segment of code may be inheriting some stylings from a parent that I can’t predict or control. The widget is pretty straight forward…

My Angular Material v18 application allows the user to set their theme but one component group, the “order control”, has two semantic colors: blue for “buy”; and red for “sell” (similar to blue for “cold” and red for “hot” in a weather application) which are independent of the theme. Here’s an HTML version that kinda does what it should followed by an Angular Material section which does not change color.

My Angular Material v18 application allows the user to set their theme but one component group, the “order control”, needs to be independent of the theme. Here’s an HTML version that kinda does what it should followed by an Angular Material section which does not change color.

I am working on a project where I need to display a list of draggable cards. I’m using material CDK Drag and Drop for this functionality. Each card represents a person and includes a variable number of hobbies, resulting in cards of different heights.

I have this angular materials dialog which I’m using as a container for one of my forms. I cannot figure out what I need to change in the css to get the form to fill the whole height of the modal.

We recently upgraded our angular Project from 13 to 17 and also we upgraded Angular Material to 17. But after migration Materiel 17 (MDC), we are unable to reduce the form field height.
Any help is is much appreciated.

In angular matérial, the mat-select has element mat-pseudo-checkbox who display an check icon in mat-option. I have multiple mat-select and I want to delete or hide this element.