All Questions
12,404 questions
0
votes
0
answers
40
views
Unselecting and other weird behaviors like tapping outside deselect sometimes when the app is tested on a real phone, but works in pc mobile size
This is very weird, when you select the same hour that you selected it should deselect it but it doesn't work when tested on a real phone. When i test it in my pc using mobile size 290 width pixels ...
- 11
1
vote
1
answer
33
views
Taiga UI migration v3 > v4 css priority issue
I migrated taiga in my angular project from v3 to v4. All of a sudden, main styles were taken from taiga light theme and my custom styles are not prioritized.
What could have happened and how can I ...
- 137
1
vote
1
answer
62
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
votes
0
answers
25
views
How can I replicate this POS UI layout using Angular standalone components and PrimeNG or even normal HTML and CSSS? [closed]
I'm trying to design a POS (Point of Sale) screen using Angular (v17) with standalone components and PrimeNG UI components. I've attached a screenshot of the layout I'm aiming for:
What I’ve done so ...
- 65
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
0
votes
0
answers
46
views
Safari/WebKit text repaint issue when popover is shown in Angular app
The following bug/issue is only on webkit/safari , the issue does not occur in chrome/firefox. I'm using angular as my frontend. The issue is i have list of details when i click the 3 dots in one of ...
0
votes
0
answers
59
views
How do I add something like <input type = "color"> for my quill toolbar's option to change the font color and add css to it?
`So, I came across this problem, where I was required to implement a full range of color options for quill toolbar. Context: It is from ngx-quill, and using in Angular.
Followed this post: [https://...
-1
votes
0
answers
75
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
48
views
What is the best way to keep my deck components responsive and centered on the designated areas for multiple screen sizes with tailwind? [closed]
I'm trying to find a way to keep my deck components centered on the designated areas on my background image(play mat) when scaling to different screen sizes using tailwind. I have it working for my ...
- 11
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
-2
votes
2
answers
76
views
Angular CSS only injecting for "print"
I am using Angular 19 and all of my styling works as expected when doing an ng serve, but when I build the project, it creates a bundle of my css and injects it only for "print".
I have this ...
- 814
0
votes
1
answer
55
views
Issue with MouseEnter/MouseLeave
I'm trying to build a notification dropdown that appears when I hover over the bell icon. I’ve styled the bell and the dropdown with flashy neon effects, and I even added a small invisible ....
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