Topic: Issue with .mat-form-field-infix padding-bottom
Hello,
I am using MDB Angular Pro. I use only MDB components for presentation, except for Form Inputs. For those, I use Angular Material since it offers validation (MDB Pro Form Inputs don't have it). The issue is that having an MDB component as the parent of an Angular Material component overwrites some of the styles of the Angular Material component.
Specifically, Angular Materials' mat-form-field has a class that is overridden when used with [type]="'password'". Padding is added to the class as such by MDB: padding: .4375em 0; Also, a second line, of colour 4e86ec is added to the Angular Material Form Input. This line is of the exact colour of your "active" Form Input.
Can you please tell me how to prevent MDB from making this change? There must be an MDB style that does this and I would like to know which, so I can overwrite it.
Thanks!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Damian Gemza staff commented 7 years ago
Dear Verzea, Our inputs offer validation through mdbInputValidate directive. You can try it and see what's better for your project. Also we advise you not to use both MDB Angular and Angular Material libraries as there may be problems with styles. If you need to overwrite our styles with this provided by Angular Material - you should use your browser inspector to check which styles bugs your input, and turn off them in your global stylesheet. Best Regards, Damian