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.

The icon is broken for scaled popups

See original GitHub issue

From https://github.com/sweetalert2/sweetalert2/issues/855#issuecomment-369559111

If we change the base font-size of .swal2-popup, the icon is broken:

.swal2-popup {
  font-size: 1.5rem;
}

Live demo: https://jsfiddle.net/ad3quksn/671/

Issue Analytics

State:
Created 6 years ago
Comments:5 (4 by maintainers)

Top GitHub Comments

2reactions

acupofjosecommented, Mar 1, 2018

.swal2-icon {
  font-size: 1rem;
}

https://jsfiddle.net/ad3quksn/669/

0reactions

limontecommented, Mar 6, 2018

Fixed in #984, thanks again @Kuzcoo

I also fixed toasts in #994

Top Results From Across the Web

Notification area is broken under 110% scaling. Any way to fix it?

The problem is apparently caused by glitchy calculations for "irregular" scaling values' like 110%. It is not surprising that 125% scaling works ...

react-leaflet map not correctly displayed - Stack Overflow

Update · 1. react-leaflet package · 2. Leaflet package: Either, install it using npm. npm install leaflet and import 'leaflet/dist/leaflet.css'; in the file...

Steam Popup windows empty, menus not working tray icon ...

I've started having a weird problem with Steam on one of my machines and I now can't log in. I started noticing that...

Changing the Pop-up Blocker Settings in Chrome, Firefox, or ...

Changing the Pop-up Blocker Settings in Chrome, Firefox, or Internet Explorer ... Click the menu button and choose Options. 2. Select the Content...

Listview - jQuery Mobile Demos

To prevent icons from appearing altogether, set the data-icon attribute to "false". ... The framework will scale the image to 80 pixels square....