Dafür einfach nur im entsprechenden css folgendes Hinzufügen :
Code
@include screen-md-up {
#tpl_wbb_boardList {
.wbbBoardList .tabularBox {
overflow: initial;
}
.wbbBoardList .wbbBoardContainer {
border-bottom: 0;
}
.wbbBoardList > li > ul {
display: flex;
flex-wrap: wrap;
margin: 5px -5px;
> li {
width: 33.33%;
padding: 5px;
}
}
.wbbBoardList > li > ul > li > div {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
}
.wbbBoardList .wbbBoard {
align-items: flex-start;
background-color: $wcfSidebarBackground;
border-radius: 5px;
padding: 20px 20px 70px 20px;
height: 100%;
position: relative;
}
.wbbBoardDescription {
margin-top: 5px;
}
.wbbBoardList .wbbBoard > .icon {
width: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.wbbBoardList .wbbCategory .wbbDepth2.wbbBoardContainer > .wbbBoard > .icon {
margin-left: 0;
margin-right: 0;
height: 65px;
width: 65px;
border-radius: 65px;
display: flex;
justify-content: center;
align-items: center;
background-color: darken($wcfSidebarBackground,7%);
}
.wbbBoardList .wbbBoardMain {
margin: 0;
flex-basis: calc(100% - 75px);
max-width: calc(100% - 75px);
margin-bottom: 20px;
min-height: 65px;
margin-left: 10px;
}
.wbbBoardList .wbbLastPost {
flex-basis: calc(100% - 35px);
max-width: calc(100% - 35px);
padding-right: 0;
margin-bottom: 20px;
}
.wbbBoardList .wbbStats + .wbbLastPost {
margin-left: 34px;
}
.wbbBoardList .wbbLastPost > .box32 > div > p {
white-space: initial;
}
.wbbBoardList .wbbStats {
flex: 0 0 100%;
margin-right: 0;
order: 4;
position: absolute;
padding-top: 20px;
bottom: 7px;
left: 20px;
right: 20px;
}
.wbbStats::before {
content: "";
height: 2px;
width: 70px;
position: absolute;
top: 0;
background-color: $wcfContentLink;
}
.wbbBoardList .wbbStats > dl {
visibility: visible;
display: inline-block;
}
.wbbBoardList .wbbStats .statsDataList:first-child {
margin-right: 5px;
}
.wbbBoardList .wbbStats dl.statsDataList > dt {
margin-left: 0;
}
.wbbBoardList .wbbStats dl.statsDataList > dd {
width: 100%;
text-align: center;
font-weight: 700;
}
.messageGroupListStatsSimple {
display: none;
}
}
}
Alles anzeigen