Я хотел бы использовать библиотеку flag-icon-css в своем проекте Angular 8.Мне удалось импортировать его, и флаги показывают, однако, они отображаются только в виде квадратов.Как мне заставить их отображаться в виде прямоугольников?
Я установил библиотеку через npm и добавил этот код в свой глобальный файл стилей (согласно этому ответу: Может ли angular cli использовать значок флага css? ):
$flag-icon-css-path: '~flag-icon-css/flags' !default;
@import "~flag-icon-css/sass/flag-icon";
Это код, который я использую в своем шаблоне:
<span class="flag-icon flag-icon-us"></span>
Я не использую класс flag-icon-squared.Тем не менее, флаг отображается только в виде квадрата.
РЕДАКТИРОВАТЬ (Добавлено для пояснения):
Если я увеличу ширину диапазона, диапазон будет расширяться, но не сам флаг.Я также попытался использовать flag-icon-background, с тем же результатом.
Я проверил само изображение SVG, и это прямоугольник, однако язаметил, что он также имеет много пробелов на левой стороне.Так что это может быть причиной проблемы - интервал отображает пробел и только часть флага.
Буду признателен за любые предложения!