Kann die Footer-Buttons im Thema auf iOS nicht entfernen

[CaptainJ]

Ich habe es geschafft, die Schaltflächen „Melden“ und „Teilen“ vom unteren Rand der Themen auf dem Desktop zu entfernen, aber in der iOS-App gibt es immer noch ein Dropdown-Menü „Themenoptionen“, das „Melden“ und „Teilen“ enthält. Ich habe das CSS im Abschnitt „Allgemein“ vorgenommen.

Ist das ein Fehler?

(Die Schaltflächen in der Fußzeile des Themas sind besonders auf Mobilgeräten überladen. Daher ist eine unnötig große Schaltfläche „Themenoptionen“ etwas ärgerlich, zumal ich glaube, dass es keine Möglichkeit gibt, auch „Lesezeichen“ zu entfernen, was eine weitere große Schaltfläche ist. Wenn dies nur Symbole wären, wäre es nicht so schlimm, aber derzeit sind fast die Hälfte des Bildschirms am Ende des Themas Schaltflächen.)

[awesomerobot (Kris)]

Können Sie hier Ihr relevantes CSS teilen? Wahrscheinlich müssen Sie spezifischer sein, damit es für Mobilgeräte gilt.

[CaptainJ]

button#topic-footer-button-flag {
    display: none;
}

button#topic-footer-button-share-and-invite {
    display: none;
}

Ich habe auch „pinned“ und den Benachrichtigungstext entfernt:

#topic-footer-buttons .pinned-button {
    display: none;
}


#topic-footer-buttons {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    
    button.create { 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;
    }
}

Danke!

[awesomerobot (Kris)]

Ja, also auf Mobilgeräten sind die Topic-Footer-Steuerelemente eine völlig separate Komponente, sodass Ihr CSS etwas zu spezifisch ist und nur für Desktops gilt …

Dies sollte für beide funktionieren:

#topic-footer-buttons {
  .flag-topic, 
  .share-and-invite {
    display: none;
  }
}

Wir haben ein kleines Tutorial zum Überprüfen von CSS-Selektoren: Making custom CSS changes on your site

Mobile kann etwas schwierig zu überprüfen sein, wenn Sie keine Entwicklungsumgebung eingerichtet haben. Wenn Sie jedoch ?mobile_view=1 am Ende der URL Ihres Forums hinzufügen, können Sie Mobilgeräte auf einem Desktop anzeigen, was die Arbeit damit erleichtern kann.

[CaptainJ]

Danke! Ich wusste nichts von ?mobile_view=1

Übrigens musste ich auch Folgendes hinzufügen, um das (jetzt leere) Dropdown zu entfernen:

#topic-footer-buttons .topic-footer-mobile-dropdown {
  display: none;
}