Am Используя Angular и гибкую компоновку для создания панели мониторинга, каждый раз, когда я открываю навигацию, элементы не сжимаются, как ожидалось, и заканчивают перемещением последней на следующую строку. У меня есть родительский компонент HTML будет
<div
class="cards-section"
fxLayout="row wrap"
fxLayout.lt-sm="column"
fxLayoutAlign="flex-start"
fxLayoutGap="32px"
>
Компонент HTML равен
<app-dashboard-chart
class="chart-bg bar-chart"
fxFlex="0 1 calc(50% - 32px)"
fxFlex.lt-md="0 1 calc(50% - 32px)"
fxFlex.lt-sm="100%"
>
Перерыв на следующую строку, как показано ниже я использую верхние диаграммы для диаграмм
