угловая гибкая раскладка

Question

Я написал приложение Angular и использую угловой материал с flexLayout .

У меня проблема со стилем direction:rtl

Появляется fxLayoutGap в качестве правого поля перед каждым элементом , за исключением последнего .

См. пример здесь: угловой блочный материал в стеке, изгиб, разметка rtl

(мне удалось решить проблему с пустым div после последнего элемента, но это так уродливо ... См. угловой стековый материал flexb layout rtl gap с пустым div )

Любая идея

Answer 1

Я думаю, это проблема fxLayoutGap , когда направление обратное.Вы можете добавить:

.mat-form-field:last-child{
  margin-right: 25px;
}

или удалить fxLayoutGap и добавить правое поле размером 25px для дочерних элементов:

.mat-form-field{
  margin-right: 25px;
}

в глобальный styles.css из srcпапка.

раздвоенный демо .