Box "Letzte Beiträge" wird fehlerhaft dargestellt

    Zitat von heja_deg

    Hey, die Darstellung in der Box sieht am Tablet fehlerhaft aus:

    Ja, auf Deinem Tablet. Wenn Du es hochkant statt quer (oder umgekehrt) drehst, wahrscheinlich nicht mehr, richtig?

    Ich habe das beim Testen aller Geräte, die Firefox mir mit Shift+Strg+M anbietet, auch schon gesehen, z.B. bei einem "Galaxy Tab S9 Android 14" mit einer Auflösung von 1138×712, sowie auf dem Desktop bei Browser-Zoom 170%. Im Hochformat tritt das Problem nicht auf, weil es dann in den Mobilmodus umschaltet und die Seitenleiste nur noch separat dargestellt wird, wenn man oben auf "Rechte Seitenleiste anzeigen" tippt. Das ist das Standardverhalten von WoltLab, also nichts, was ich gezielt beeinflusst hätte.

    Es scheint seltene Fälle einer "aspect ratio" zu geben, bei denen gerade noch nicht in den Mobilmodus umgeschaltet und deshalb die Seitenleiste ebenfalls gerade noch dargestellt wird, die Box links davon dadurch aber so schmal wird, dass die drei Spalten ebenfalls so schmal werden, dass deren Inhalt so "komisch" umbrochen wird. Wobei natürlich auch der Umbruch selbst mindestens ab dem zweiten Beitrg komplett daneben ist.

    Weiß noch nicht, ob und wie man das beheben kann. Welches Tablet und welche "Drehrichtung" ist das?

    Just another administrator.

    heja_deg: Ich habe – aus ganz anderem Grund – nochmal am CSS-Code was geändert, glaube aber nicht, dass das für Dein Problem einen positiven Effekt hat.

    Ich werde mich aber drum kümmern, ob es da eine Lösung gibt.

    Just another administrator.

    Zitat von heja_deg

    Du hast einiges geändert, oder? Sieht nun viel besser aus. :) Dankeschön.

    In der Tat bastele ich bzw. wir gerade noch. Aber das kannst Du eigentlich noch gar nicht sehen, von daher wundert es mich, dass sich bei Dir etwas verbessert haben soll. Kannst Du mal 'nen Screenshot schicken?

    Außerdem:

    Zitat von Admin

    Welches Tablet und welche "Drehrichtung" ist das?

    Bitte noch beantworten.

    Just another administrator.

    Zitat von heja_deg

    Derzeit sieht es am iPad Pro (11 Zoll) im Querformat wie folgt aus:

    Bitte melde Dich an, um diesen Anhang zu sehen.

    (Zum Vergleich in Beitrag #1 der Screenshot am Sonntag)

    Und das am Sonntag war auch Querformat?

    Wenn ja, hat diese m.o.w. zufällige Verbesserung nichts mit den in Arbeit befindlichen Änderungen zu tun (genau genommen ist es gar keine Verbesserung). Das ist jedenfalls nicht der (von mir) gewollte Zustand.

    Just another administrator.

    Zitat von heja_deg

    Dann ist es in der Tat seltsam, woher die andere Darstellung nun kommt.

    Nee, ist Zufall bzw. logisch: Am Sonntag waren es andere Posts/Threads, die angezeigt wurden. Und die am Sonntag (insbesondere "Die DEG in Presse und Medien") enthielt(en) zusätzlich Icons für Reaktionen und Anhänge gleichzeitig, die die Darstellung in diesem Grenzfall zusätzlich verschlimmern. Aber die Zeilen sind so oder so viel und unnötig zu hoch.

    Wir arbeiten an einem speziellen "Kompaktmodus" für solche Grenzfälle, es gibt auch schon Fortschritte, aber noch sind wir nicht ganz durch. Stay tuned.

    Just another administrator.

    Zitat von Admin

    Wir arbeiten an einem speziellen "Kompaktmodus" für solche Grenzfälle, es gibt auch schon Fortschritte, aber noch sind wir nicht ganz durch. Stay tuned.

    Es mag vielleicht der Eindruck entstanden sein, das Thema sei in Vergessenheit geraten, aber das war/ist es nicht. Es ist nur so, dass in meinem Beruf seit Juni gerade Hochsaison ist.

    Also:

    Zwar gab es den Ansatz eines "Kompaktmodus" für derartige Grenzfälle, den ein User der WoltLab-Community entwickelt hatte, dessen Ergebnis aber so noch nicht zur Freigabe geeignet war. Und da dann von dem User auch nichts weiteres mehr kam und zu erwarten war, war mir klar, dass ich mich irgendann mit dem Kollegen von ChatGPT werde auseinandersetzen müssen. Das habe ich dann in den letzten rund 3 Stunden auch endlich mal getan, und das Ergebnis ist im Moment dieser "Kompaktmodus" der Box "Letzte Beiträge" für eben diese speziellen Grenzfälle.

    Zunächst zum Vergleich die Normalansicht im Spaltenmodus:

    Bitte melde Dich an, um diesen Anhang zu sehen.

    Und dies der Kompaktmodus bei bestimmten Displays und Zoom-Leveln im Browser, bei denen die Spalten ansonsten "totgequetscht" würden:

    Bitte melde Dich an, um diesen Anhang zu sehen.

    Dort sind alle wesentlichen Informationen wie Thread-Ersteller, Thread, letzter Poster, Datum/Uhrzeit usw. nach wie vor vorhanden. Auch diese Funktionen …

    Bitte melde Dich an, um diesen Anhang zu sehen.

    … bleiben im Kompaktmodus erhalten. Zumindest auf dem Desktop, "Zum letzten Beitrag springen" könnte auch auf Tablets funktionieren, die Doppelklickfunktion vermutlich nicht (vielleicht kann das mal jemand testen?)

    Die ohnehin massiv reduzierte Darstellung auf dem Handy bleibt jedoch unverändert.

    Ich werde diesen Stand noch auf weitere mögliche Grenz- und Sonderfälle testen, aber auf den zweiten Blick scheint er so erstmal zu funktionieren.

    heja_deg, kannst Du diese Art der Darstellung bestätigen und hilft sie Dir?

    Und falls jemand daran interessiert ist, welcher Umfang an CSS-Code nur dafür erforderlich ist, möge auf den Spoiler klicken/tippen:

    CSS-Code Box "Letzte Beiträge"

    _?(

    Just another administrator.

    • Neu
    Zitat von heja_deg
    Zitat von Admin

    kannst Du diese Art der Darstellung bestätigen und hilft sie Dir?

    Hallo, sieht auf all meinen Geräten nun ansprechend aus, danke.

    Jaja, das meinst Du. ;)

    Ich hingegen war damit noch nicht wirklich zufrieden. Zum einen enthielt die Darstellung noch Fehler und war optisch nicht gut strukturiert (z.B. fehlende "middle dots" und ungleiche Abstände sowie schlechte Ausrichtungen, zum anderen wurden Sonderfälle wie überlange Thread- und Forentitel nicht berücksichtigt). Vor allem aber erschien mir das Ganze viel zu platzraubend, so dass man unnötig lange scrollen musste, um zur eigentlichen Forenübersicht zu gelangen. Darauf lag mein Hauptaugenmerk.

    Daher habe ich mich mit meinem ChatGPT-Kollegen während des letzten Monats in mehreren Sessions virtuell zusammengesetzt und das Ganze nochmal aufwendig optimiert. Links der Zustand, wie Du ihn bisher kennst, rechts der aktuelle, das Prinzip ist aber dasselbe geblieben (sorry an die Handynutzer, aber zum besseren Vergleich war es erforderlich, die Screenshots nebeneinander zu plazieren):

    Bitte melde Dich an, um diesen Anhang zu sehen.

    Das ist die Darstellung, wie ich sie im Firefox in der Emulation des iPad Pro 11-Zoll sehe.

    Was ist neu/anders:

    • Reduzierte Größe der Schriften und Avatare.
    • Abstände vor/nach jedem Beitrag verringert. Das zusammen mit obigem Punkt spart schonmal einiges an Höhe.
    • "Letzte Antwort" jetzt in einer Flucht mit Avatar des Threaderstellers und zweizeilig (den Platz vertikal haben wir wegen des Avatars rechts daneben sowieso).
    • Dadurch ebenfalls Darstellung des Avatars des letzten Posters in einer Flucht mit dem Threadtitel.
    • Fehlenden "middle dot" zwischen letztem Poster und Datum ergänzt.
    • Alle Abstände vor/nach "middle dots" vereinheitlicht/harmonisiert.
    • Absurd lange (und in der Praxis bisher nicht vorkommende) Forentitel werden jetzt sauber auf mehrere Zeilen spaltengerecht umbrochen, statt abgeschnitten zu werden, andere Texte zu überlagern und die Darstellung der Zeile zu zerschießen.
    • Trotz des auf drei Zeilen umbrochenen Forentitels (siehe letzten Beitrag "WM 2027 in Deutschland") wird somit schon bei nur vier Beiträgen vertikal massiv Platz eingespart. Man kann sich vorstellen, wie sich das dann bei 10 Beiträgen (und ohne absurd lange Forentitel) auf die Gesamthöhe der Box auswirken wird.
    • Beitragszähler nach links etwas eingerückt (relevant auf dem Desktop bei farblicher Unterlegung mittels Hovern mit der Maus) und vertikal korrekt positioniert.
    • Und einiger hier nicht weiter dokumentierter Pixel-Feinschliff.

    Sieht so für mich deutlich besser gestaltet, aufgeräumter, strukturierter und eben "kompakter" aus.

    heja_deg: Ich kann ein iPad Pro 11-Zoll im Firefox nur emulieren und daher nicht die tatsächliche Darstellung sehen. Bitte sag mir mal, ob das so für Dich okay ist und der Vorteil des "weniger Scrollens" auch wirklich einer ist. Kleinere Anpassungen wie etwas mehr "Luft" über und unter den Beiträgen wären sicher noch möglich.

    Nach Absenden dieses Posts schalte ich den Code frei.

    Wir haben dasselbe Problem mit den "totgequetschten" Spalten noch an einer anderen Stelle, aber darum kümmere ich mich später. Erstmal muss ich die Live-Tabelle aktualisieren, die Saison geht ja bald los.

    Just another administrator.

Jetzt mitmachen!

Du hast noch kein Benutzerkonto auf unserer Seite? Registriere dich kostenlos und nimm an unserer Community teil!

Benutzerkonto erstellen Anmelden