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.

[BUG] .small-box should use a transform instead of transitioning the font-size

See original GitHub issue

Describe the bug

.small-box should use a transform instead of transitioning the font-size

https://github.com/ColorlibHQ/AdminLTE/blob/6b8b69261f1aacbb4be037c934f3c3652e6dff27/build/scss/_small-box.scss#L104

https://github.com/ColorlibHQ/AdminLTE/blob/6b8b69261f1aacbb4be037c934f3c3652e6dff27/build/scss/_small-box.scss#L125

https://github.com/ColorlibHQ/AdminLTE/blob/6b8b69261f1aacbb4be037c934f3c3652e6dff27/build/scss/_small-box.scss#L133

Environment (please complete the following information):

  • AdminLTE Version: 3.0.5

Additional context

Transitioning transforms is more performant that the font-size.

Initially I did it in https://github.com/pi-hole/AdminLTE/pull/1386 but since it’s present in AdminLTE latest, I thought I’d make an issue so that it’s fixed properly upstream.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
XhmikosRcommented, May 30, 2020

I opened #2719 to track the remaining stuff, closing this since a patch has landed on master 😃

0reactions
XhmikosRcommented, May 29, 2020

The thing is I’m not 100% familiar with your codebase, so I’d rather not make these changes myself. 😃

It’s not super urgent but it should be addressed because it really is bad for performance.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Chrome css transform scale/font-size issue - Stack Overflow
I have a custom css checkbox. Suppose when I narrow down the screen width, the size of checkbox and the tick sign will...
Read more >
text-size-adjust - CSS: Cascading Style Sheets - MDN Web Docs
When an element containing text uses 100% of the screen's width, the algorithm increases its text size, but without modifying the layout. The...
Read more >
Font Size Problems? Check Here First! - Codecademy
Hi everyone,. I've seen a lot of confusion surrounding exercises 2 and 3 in HTML Basics II > Styling the font! I want...
Read more >
Linearly Scale font-size with CSS clamp() Based on the Viewport
All we have to do is now is apply the font size and width to the container instead of the text elements directly....
Read more >
Font Size - Tailwind CSS
Control the font size of an element using the text-{size} utilities. text-sm. The quick brown fox jumps over the lazy dog. text-base.
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