Beiträge von Tom

Ich habe den Code noch mal angepasst, bei mir funktioniert das.

Jetzt wird es langsam kompliziert:

@include screen-sm-down {
    /* Punktemenü ausblenden */
    .messageQuickOptions {
        flex: 0 !important;
        &::before {
            content: "";
        }
    }
    /* Bearbeiten und Zitate einblenden */
    .jsMessageEditButton,
    .jsQuoteMessage > a {
        display: inline-block !important;
    }
    /* Melden einblenden */
    .messageFooterGroup > .messageFooterButtonsExtra {
        flex: 1 1 auto;
        display: flex;
        justify-content: flex-end;
        .jsWarnPost.jsOnly {
            display: none;
        }
    }
    .messageFooterGroup {
        display: flex;
    }
}

So ganz stimmt das auch nicht 👀 Ich hab mal versucht ein paar Stile, im Zuge der Anpassungen auf 5.5, mit CSS-Grids umzusetzen, aber am Ende scheitert man doch daran das man einen zusätzlichen Container benötigt. Hier und da konnte ich das mit komplexerem CSS-Code lösen, aber da besteht die Gefahr das einem das in dem ein oder anderen Browser um die Ohren fliegt. Und da wo es ging habe ich letztendlich nur die Flexbox-Lösung durch CSS-Grids ersetzt: Vorteil am Ende gleich Null.

Gefühlt ist der Code, bei Verwendung von CSS-Grids, aber kompakter als bei Flexbox. Bei Flexbox muß man immer irgendwo Tricksen.

Das ist schon richtig, nur sind nicht die Listenelemente li ausgeblendet, sondern die Links darin. Du mußt also noch eine Ebene weiter gucken.

Das geht wohl nur, wenn überhaupt, irgendwie per Javascript. Da hört es bei mir dann auch schon wieder auf.

So wird das in Themen und Konversationen angezeigt:

@include screen-sm-down {
    .jsMessageEditButton,
    .jsQuoteMessage > a {
        display: inline-block !important;
    }
}

Ich kenne das mit den erweiterten Konversationen nicht. Sind das am Ende die ganz normalen Konversationen?

Zitat von Assindia

Funktioniert das auch mit dem Bearbeitungsbereich-Button für Administratoren?

Was meinst du damit genau?

Hallo,

Ambience für WoltLab Suite 5.5 wird in den nächsten Tagen erscheinen. Dazu wird es dann noch mal eine gesonderte Nachricht geben.

Gruß Tom

Füge das ein:

@include screen-sm-down {
    .jsQuoteMessage > a {
        display: inline-block !important;
    }
}

Zitat von nknadmin

Was meinst du mit "Grids"?

CSS Grid Layout - CSS | MDN

CSS Grid Layout zeichnet sich dadurch aus, dass eine Seite in Hauptbereiche unterteilt wird oder die Beziehung zwischen Teilen eines Steuerelements, das aus…

developer.mozilla.org