Это очень плохо.
Но, вот этот код добавить в
extra.less
и он решит одну из проблем, перемещения блоков.
Less:Скопировать
.p-body-main--withSidebar {
.p-body-main,
.p-body-content {
display: block;
padding-right: 0;
}
.p-body-sidebar {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin: @xf-elementSpacer -(@xf-pageEdgeSpacer / 2) -@xf-elementSpacer;
width: auto;
> * {
margin: 0 (@xf-pageEdgeSpacer / 2) @xf-elementSpacer;
min-width: @xf-sidebarWidth;
flex: 1 1 100%;
&:last-child {
margin-bottom: @xf-elementSpacer;
}
}
// add an invisible block to ensure that the last row has the correct widths
&:after {
display: block;
content: '';
height: 0;
margin: 0 (@xf-pageEdgeSpacer / 2);
min-width: @xf-sidebarWidth;
flex: 1 1 @xf-sidebarWidth;
}
.block-container {
display: flex;
flex-direction: column;
height: 100%;
.block-footer {
margin-top: auto;
}
}
}
.p-body-main--withSideNav,
.p-body-main--withSidebar {
.p-body-content {
padding: 0;
}
}
}
А уже оформлением блоком, займитесь сами.