Changing size of Now-Icons
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎02-07-2024 06:04 AM
Hello!
I have a question I can't find an answer to in the documentation and hopefully someone here has ran into the same issue.
We are just now supposed to start using Now-Icons (https://developer.servicenow.com/dev.do#!/reference/next-experience/vancouver/now-components/now-ico...)
But we are having trouble sizing them. We can change via the size property to sm, md, lg and xl. But we have the requirement to be able to make them larger than xl. I thought I would be able to change them in the same way that you can do with font-awesome icons, with a simple font-size in the css, but this does not work.
Has anyone worked with this icon library? Is there really no way of changing the size more than the four presets?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎02-07-2024 06:23 AM
Hi @Vejdis
Is there really no way of changing the size more than the four presets?
Atul: There is no way to increase the size as defined.
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.
Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]
****************************************************************************************************************
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎02-07-2024 06:32 AM - edited ‎02-07-2024 06:57 AM
Do you have any documentation or anything for that statement? Since it would render the entire suite of icons quite useless if you can't change the size more than 4 predefined sizes
Edit; Just found that you can edit the scale by adding
--now-icon--scale-size: XY; to the css.
But you are still stuck with four sizes
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎02-07-2024 08:44 AM
Hi @Vejdis
As per docs it is not mentioned that we can increase but also did not find where it mentioned we can increase size and there is way. So sorry mate, on my experience i shared my thoughts.
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.
Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]
****************************************************************************************************************