Stack breadcrumb above page title (Angular parity)
Angular renders the breadcrumb trail on its own row above the H1 title. React had them in the same flex row with justify-content:space-between, which squeezed the breadcrumb column and forced 'Главная / Онлайн-Табло' to wrap onto two lines. Switch the header-right container to column layout so breadcrumbs and title stack vertically regardless of width.
This commit is contained in:
@@ -70,10 +70,11 @@
|
||||
&__header-right {
|
||||
margin-top: auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 8px;
|
||||
|
||||
@include screen.smTablet {
|
||||
flex-direction: column;
|
||||
order: 1;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user