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.

Fixed icon sizes ignored after Angular v13 minor upgrade

See original GitHub issue

I’m submitting a…


[ ] Regression (a behavior that used to work and stopped working in a new release)
[X] Bug report  
[ ] Performance issue
[ ] Feature request
[ ] Documentation issue or request
[ ] Support request
[ ] Other... Please describe:

Current behavior

After upgrading Angular from v13.2.3 to v13.3.2 all the svg-icon have a size of 1em. The fixed sizes are ignored now:

        SvgIconsModule.forRoot({
            defaultSize: 'md',
            icons,
            missingIconFallback: appInfo,
            sizes: {
                //'xs': '8px',
                'sm': '16px',
                'md': '20px',
                'lg': '24px',
                'xl': '32px',
                'xxl': '48px',
            }
        })

Expected behavior

The fixed icon sizes should not be overriden by another style.

Environment


Angular version: 13.3.2
@ngneat/svg-icon: 4.1.0


Browser:
- [X] Chrome (desktop) version 100
 
For Tooling issues:
- Node version: 16.13.0
- Platform:  Mac
Screenshot 2022-04-10 at 13 39 04

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
shaharkazazcommented, Apr 24, 2022

@RonnieRocket147 This was actually just a type issue, we don’t have any limitation on how many sizes you can define. Should be fixed in v4.1.2

0reactions
RonnieRocket147commented, Apr 24, 2022

Yes indeed. However I need more than 6 predefined sizes. It would be great if the library would allow for more predefined sizes.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Font Awesome icon size not increasing - Stack Overflow
To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes. <ul class="stay-connected-inner ...
Read more >
ng build error: Invalid version: "15.2-15.3" #22606 - GitHub
When i build project with Angular CLI, I get this error: An unhandled exception occurred: Transform failed with 1 error: error: Invalid version: ......
Read more >
angular/material/_theming.scss - UNPKG
1, // File for which all imports are resolved and bundled. This is the entry-point for. 2, // the `@angular/material` theming Sass bundle....
Read more >
Angular 12 in Depth - Sébastien Dubois
First off, as you know, Webpack is the key piece of the Angular CLI puzzle, and it plays a big role for bundle...
Read more >
Angular v13 is now Available
This latest release brings all sorts of updates and features to help your teams build great apps. Get Angular v13 now by running...
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