Darstellungsproblem in Themenübersicht durch Sterne

PoooMukkel

Ich habe ein Darstellunsproblem in der Themenübersicht oder in Boxen, die die letzten Themen anzeigen. Das Problem scheint nur bei Themen aufzutreten, die Bewertungen erhalten haben und bei denen somit Sterne angezeigt werden.

Reproduzieren lässt sich das Ganze, wenn man die Breite des Browserfensters einfach langsam verringert. Dann werden die Thementitel zusammengeschoben und teilweise dann sogar senkrecht angezeigt.

So sieht das Ganze dann aus:

Bei "normaler" Breite passt alles.

Auch in anderen Stilen wie z.B. dem Woltlab Standard Stil passiert das.

Gibt es da vielleicht einen Bug, der durch dieses Plugin ausgelöst wird? Lässt sich das Beheben?

Cyperghost

Das ganze kommt in Verbindung des Like Buttons.
Ich werde mal gucken, wie man dies beheben kann

[jira='THREADRATE-5'][/jira]

PoooMukkel

Sehr schön. Bin nämlich erst durch eine Diskussion im Woltlab-Forum auf das Plugin als Auslöser gekommen.

https://community.woltlab.com/thread/260241-seit-umstellung-darstellungsproblem-in-themenübersicht/

PoooMukkel

Konntest du dir das schon mal anschauen Olaf?

zackOmat

Mach das am besten so:

CSS

@media (min-width: 1200px) {

    #tpl_wbb_board .messageGroupList .columnSubject > .statusDisplay {
        float: initial;
    }

}

PoooMukkel

Was müsste denn mit Hilfe des Codes passieren? Mir fällt keine Änderung auf...

Immer wenn Sterne im Spiel sind, werden bei einer kleineren Auflösung die Themen in der Auflistung merkwürdig formatiert.

zackOmat

Ah, das ist falsch, ersetze das min durch ein max

zackOmat

Ne, warte, so:

CSS

@media (max-width: 1200px) and (min-width: 1025px) {

    #tpl_wbb_board .messageGroupList .columnSubject > .statusDisplay {
        float: initial;
    }

}

PoooMukkel

Auf jeden Fall funktioniert es, wenn ich in der Breite zwischen 1200 und 1025 px bleibe. Gehe ich aber über die 1200 px, ist das Problem wieder da.

Breite 1141 px:

Breite 1227 px:

Würde es Sinn machen, den max-width Wert rauszunehmen? Oder sollte man das lieber nicht tun?

zackOmat

Dann erhöhst du die 1227 bis es passt. Generell weglassen würde ich das eher nicht. Bei kleinen Bildschirmen ist einfach nicht mehr Platz. Im Stil gibt es auch die Option das Menü zu verkleinern, die ist für kleine Bildschirme gedacht. Vielleicht wäre es auch sinnvoll kleiner 1200px Breite das Menü automatisch zu verkleinern.

PoooMukkel

Zitat von zackOmat

Dann erhöhst du die 1227 bis es passt. Generell weglassen würde ich das eher nicht.

Klingt logisch.

Zitat von zackOmat

Vielleicht wäre es auch sinnvoll kleiner 1200px Breite das Menü automatisch zu verkleinern.

Ich schau mal, ob ich in dieser Hinsicht etwas umsetzen möchte.

Danke dir auf jeden Fall mal wieder.

PoooMukkel

Ich habe den max-width Wert auf 1400px gestellt. Sieht so etwas besser aus, finde ich.

Aber vielleicht hat Olaf ja noch eine Idee, wie das direkt vom Plugin her gelöst werden könnte.

zackOmat

Du könntest noch die Breite der Statistik und die "letzte Antwort" in der Breite optimieren, die sind doch schon sehr großzügig dimensioniert:

CSS

@media (max-width: 1280px) and (min-width: 1025px) {

    .messageGroupList .tabularList .columnLastPost {
        flex: 0 0 150px;
    }

    .messageGroupList .tabularList .columnStats {
        flex: 0 0 120px;
    }

}

Alles anzeigen

Edit:

Btw, du hast das Userpanel verschoben:

Code

.pageHeaderContainer .userPanel {
    padding-top: 20px;
}

Da solltest du ein Mediaquery darum setzen:

CSS

@media (min-width: 1025px) {

    .pageHeaderContainer .userPanel {
        padding-top: 20px;
    }

}

Damit sich das nicht auf die mobile Ansicht auswirkt.

PoooMukkel

Zitat von zackOmat

Du könntest noch die Breite der Statistik und die "letzte Antwort" in der Breite optimieren, die sind doch schon sehr großzügig dimensioniert

Habe diesen Code mit in die vorhandene Mediaquery aufgenommen. Und es sieht in der Tat noch etwas besser aus.

Zitat von zackOmat

Btw, du hast das Userpanel verschoben

Da solltest du ein Mediaquery darum setzen

Habe ich nun getan.

Ich danke dir vielmals!!!

Darstellungsproblem in Themenübersicht durch Sterne

Cyperghost 27. Mai 2018 um 12:40

Cyperghost 15. August 2019 um 22:08

Dragosius 31. Oktober 2022 um 01:08

Informationen

Über uns