Impossibile rimuovere i pulsanti del footer dell'argomento su iOS

[CaptainJ]

Sono riuscito a rimuovere i pulsanti Segnala e Condividi dalla parte inferiore degli argomenti sul desktop, ma nell’app iOS c’è ancora un menu a discesa “Controlli argomento” contenente Segnala e Condividi. Ho fatto il CSS nella sezione “Comune”.

È un bug?

(I pulsanti del piè di pagina dell’argomento sono particolarmente disordinati sugli schermi mobili, quindi avere un pulsante grande e non necessario “Controlli argomento” è un po’ fastidioso, soprattutto perché non credo ci sia un modo per rimuovere nemmeno “Segnalibro”, che è un altro pulsante grande. Se fossero solo icone, non sarebbe così male, ma attualmente quasi metà dello schermo alla fine dell’argomento è costituito da pulsanti.)

[awesomerobot (Kris)]

Puoi condividere qui il tuo CSS pertinente? è probabile che tu debba essere più specifico affinché si applichi al mobile

[CaptainJ]

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

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

Ho anche rimosso il testo “pinned” e “notifications”:

#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;
    }
}

Grazie!

[awesomerobot (Kris)]

Sì, quindi su mobile i controlli del footer dell’argomento sono un componente completamente separato, quindi il tuo CSS è un po’ troppo specifico e si applica solo al desktop…

Questo dovrebbe funzionare per entrambi:

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

Abbiamo un piccolo tutorial su come verificare i selettori CSS: Making custom CSS changes on your site

Il mobile può essere un po’ complicato da controllare se non si dispone di un ambiente di sviluppo configurato, ma se si aggiunge ?mobile_view=1 alla fine dell’URL del forum, questo consente di visualizzare il mobile su un desktop, il che può renderlo più facile da usare.

[CaptainJ]

Grazie! Non sapevo di ?mobile_view=1

Tra l’altro ho anche dovuto aggiungere quanto segue per eliminare il menu a tendina (ora vuoto):

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