Reihenfolge der Themen-Fußzeilen-Buttons ändern

Entwickler
1

Hallo,

wir möchten die Reihenfolge der Topic-Footer-Buttons ändern. Ich habe kein Plugin dafür gefunden und mit CSS schien es auch nicht einfach zu sein.

Unser Ziel ist es, dass es so aussieht:

image
image797×113 2.28 KB

Hat jemand eine Idee, bitte?

2

Hallo,

Können Sie dieses CSS ausprobieren?

Es geht davon aus, dass Sie den Standardbenachrichtigungstext ausblenden möchten.
Es basiert auf dem Standardthema. Lassen Sie mich wissen, wenn Anpassungen erforderlich sind!

#topic-footer-buttons {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    
    button.create { order: -4; }
    button.bookmark { order: -3; }
    button.share-and-invite { order: -2; }
    button.flag-topic { order: -1; }
    
    .topic-notifications-button {
        margin-block: 0;
        
        .reason  {
            margin-top: 0;
            
            .text {
                display: none;
            }
        }
    }
}

@media screen and (max-width: 924px) {
    html.desktop-view #topic-footer-buttons .topic-notifications-button {
        margin-top: 1em;
    }
}
1 „Gefällt mir“
3

Großartig, es funktioniert! Danke! :pray:

1 „Gefällt mir“
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.