question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Font styles get overriden by ngx-material-timepicker font styles

See original GitHub issue

When I add ngx-material-timepicker to one of my component, it overrides my entire application font styles to a bolder font.
And I could figure out it is someway related to @import "~@angular/material/prebuilt-themes/indigo-pink.css"; which is a global setting in my styles.scss

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:11 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
Agranomcommented, Dec 3, 2018

You are right. I’ll include this option to theming #71

0reactions
ZobbLcommented, Dec 3, 2018

Maybe it’s a dumb question, but why download the font at all? I don’t want to make that request, if I don’t use this font.

Your style relies on Roboto, but has sans-serif as a fallback. In my opinion it’s up to the user, to provide the correct font-settings in the global styles. This makes it even easier to integrate the timepicker in the project-design, because the user does not have to worry about it

However: great work with the timepicker 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

how to override the styles of ngx-datepicker-material?
I want to show it horizontally and also want to change the styles of date range picker. I have this in my component.html...
Read more >
ngx-mat-timepicker - npm
A simple time picker module using Angular Material: it provides an Android style dialog for time selection and a handy input for time ......
Read more >
ngx-material-timepicker - npm package - Snyk
Can be used to override styles of a NgxMaterialTimepicker . Selector: ngx-material-timepicker[ngxMaterialTimepickerTheme]. Properties. Name, Description. @Input ...
Read more >
Material Design Date Picker in Android - GeeksforGeeks
Have a look at the following images on what type of material design ... The MaterialComponents contains various action bar theme styles, ...
Read more >
Datepicker | Angular Material
Gets the element that the datepicker popup should be connected to. ... An input indicating the type of the custom header component for...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found