search

swiss / styleguide

admin.ch styleguide
https://swiss.github.io/styleguide
MIT License
123 stars 36 forks source link

IE 11"alert alert-warning" class icon is too big #645

Closed Saphatonic closed 4 years ago

Saphatonic commented 6 years ago

When we are using the" alert alert-warning" class like this

<div class="alert alert-warning" role="alert">
    <strong>Es gibt noch eine weitere Bestellung in diesem Zeitbereich</strong>
</div>

the exclamation mark icon appears bigger in IE than in Firefox or Chrome. I think this is caused by using em in the stylesheet. I have temporarily fixed the issues by overwriting the css to use rem instead of em.

Firefox: image

IE 11: image

gillerr commented 4 years ago

Cannot reproduce on https://swiss.github.io/styleguide/en/widgets.html#03-widgets-01-alerts, warning alerts are displayed correctly with IE11 Issue will be closed

gillerr commented 4 years ago

Cannot reproduce