All Questions
1,672 questions
1
vote
1
answer
66
views
How to override color theme in Angular 19?
I'm setting up a project in Angular 19 where by default when installing @angular/material I kept azure-blue.css as theme. Now I want to override based on my colors. I've successfully overridden the ...
- 1,102
1
vote
2
answers
79
views
How to override mat-icon-button's border-radius?
does anyone know how to correct override mat-icon-button in Angular Material M3?
For default button (like mat-button, mat-flat-button, mat-raised-button, mat-stroked-button) I used the following way, ...
- 53
1
vote
3
answers
61
views
Angular material - browser autofill changes input styles
Currently I'm facing the issue that occurs after web browser auto fills the user input like in this screen:
I tried it on two browsers and it looks simaliar (chrome adds white background and firefox ...
- 492
-1
votes
0
answers
76
views
How to prevent custom sidenav content from overflowing the viewport in Angular?
In an Angular application, I currently have the following structure. Until now, I was trying to use the mat-sidenav-container.
However, with the Angular Material sidenav, I wasn't able to properly ...
- 179
1
vote
0
answers
44
views
Angular 18 Material 2 set of font-family
Im' using Angular 18 and Material 2 and I'm trying to set a font-family 'Poppins' overal to this mat-tab-group my it's never applied and I don't know why
HTML:
<div>
<mat-tab-group class=&...
- 31
0
votes
3
answers
66
views
How is it possible to reduce the large default padding in mat-form-field?
I am working on an Angular application, using Material version 16.
In the design specification the inputs are smaller with less padding, and I need to strictly follow that. How is it possible to ...
- 9,348
0
votes
1
answer
36
views
How to adjust mat-form-field border so it's not showing
Need help hiding the border validation for mat-form-field so it's not showing when dropdown is enable. I've tried adjusting the z-index of the border but it's not doing anything. Also I'm using ng-tel-...
- 41
1
vote
1
answer
90
views
How to fully override styles of Select component from Angular Material?
I'm using Select component from Angular Material v19. I managed to override the style of some parts of the component using select-overrides mixin, but not completely.
Here is my scss:
@include mat....
- 119
1
vote
2
answers
63
views
How could I apply different colors for mat-form-field "formControl" depends on the state of it?
I have this HTML code:
<mat-form-field class="me-3" appearance="outline" class="filterText">
<mat-label [ngClass]="{'mat-label-error': form.get('...
- 25
1
vote
2
answers
54
views
Where does the tertiary color actually appear in Angular Material?
I have two themes for buttons with different tertiary colors. But I don’t know where this color is actually used in the UI. when I open the page, both buttons look the same. Where does the tertiary ...
- 875
1
vote
1
answer
38
views
How could I change background-color of the dropdown of mat-paginator?
<mat-paginator
#paginator
class="table-paginator"
(page)="handlePageEvent($event)"
[length]="paginatorLength"
[pageSize]="...
- 25
0
votes
1
answer
67
views
Update angular 17
i updated my Angular application on version 17, before updating i got rid of legacy components, i am also using angular material. But after updating the angular material on 17, i have problem that ...
- 57
2
votes
1
answer
62
views
How to insert an icon in mat-select and have it be on the rightmost side after Angular v15 introduction of the checkmark in mat-select?
In the process of upgrading my project to Angular 15 and applying the MDC migration, mat-select introduced a checkmark for actively selected components and it seems it has caused the icons I kept ...
- 23
0
votes
1
answer
56
views
inputs are not correct after MDC update
after migrating to MDC all of the styling is off and i couldn't figure out how to fix it especially the inputs for example the number spinner on a number input is half the size of the input and i do ...
- 45
1
vote
1
answer
74
views
How to reduce matInput height to certain value?
I have simple matInput element from angular-material library:
<mat-form-field class="example-form-field">
<mat-label>Clearable input</mat-label>
<input matInput type=...
- 1,011