UserPanel vertikal anordnen

steinietrabi · 17. Februar 2015

Gibt es eine Möglichkeit das Userpanel auch vertikal statt horizontal anzuordnen?

Ich würde gerne am linken Bildrand von oben nach unten das Userpanel anordnen, komme aber immer mit der Suche in Konflikt.

Daher meine Frage und kann jemand per CSS helfen...

Danke schonmal.

Tom · 17. Februar 2015

Die Suche ist doch rechts?

CSS

.userPanelItems {
    .clearfix;
    width: 250px;
    background-color: @wcfUserPanelBackgroundColor;
    padding:@wcfGapTiny;
}
.userPanel > div > ul.userPanelItems > li {
    float: inherit;
    width: 250px;
    margin-bottom:2px;
}


.userPanel > div > ul.userPanelItems > li > a {
    background-color:black;
    padding: 5px 8px 2px;
}

Alles anzeigen

steinietrabi · 17. Februar 2015

Ich hatte es immer per .userPanel gemacht, ich denke das war vielleicht mein Fehler.

Werd es mal mit deinem Code probieren, da ich jetzt nur mobil online bin.

Geb eine Rückmeldung dazu, danke erstmal.

EDIT: Funktioniert super! Danke.

Jacky · 30. August 2017

Und wie würde das ganze für die Suite aussehen? Weil entsprechender Code oben da nicht funktioniert. Zumindest dieser Teil erzeugt einen Fehler...

CSS

.userPanelItems {
    .clearfix;
    width: 250px;
    background-color: @wcfUserPanelBackgroundColor;
    padding:@wcfGapTiny;
}

Tom · 30. August 2017

Das sollte so funktionieren:

CSS

.userPanel > ul {
    flex-direction: column;
}

Jacky · 30. August 2017

Danke

UserPanel vertikal anordnen

cls-design

Informationen

Demoinstallationen

Hilfe