C'è un modo per rimuovere questi dalla sezione post?

Questi:

Ingombrano davvero il feed, specialmente su mobile. Mi piacerebbe se potesse essere inviato solo come notifica o qualcosa di simile. È fastidioso andare costantemente a eliminare i messaggi di sistema quando si verificano ogni volta, o anche i messaggi dello Staff che un’azione è stata eseguita su un post.

Potresti provare a scrivere del CSS per nasconderli. Da quello che vedo, tutti i post in un argomento sono contenuti in un elemento div con classe post-stream. Quei particolari messaggi sembrano essere elementi articolo con le classi small-action e onscreen-post. Fai attenzione ad assicurarti che non ci siano altri tipi di messaggi che verrebbero catturati dal selettore CSS e nascosti!

Sì, stavo pensando di fare qualcosa del tipo:

.small-action {
display: none
}

ma non sono sicuro di quali altri tipi di messaggi compaiano in questo modo. Per caso esiste un elenco?

Hmm, non sono a conoscenza di un elenco completo, ma ho notato almeno un altro elemento che utilizza small-action: l’ultima riga visitata! :grin:
image
Spero che article.small-action.onscreen-post sia abbastanza specifico da non influire su nient’altro.

Sarebbe perfetto, ma non funziona sul mio account non staff, né per gli utenti non autenticati. Vedi qualcosa che non va?

Anche solo questo non fa nulla:

.small-action.onscreen-post {
    Display:none;
}

Questo viene fatto su un componente che ho creato per cose CSS che uso per un paio di temi.

Per me, qui su Meta, non staff, funziona:

.small-action.onscreen-post {
    display: none;
}

Sembra che tu abbia scritto display in maiuscolo per errore?

Solo un’altra nota, questo potrebbe occasionalmente causare strani bug visivi:

1 Mi Piace

Sì, anche con il normale display minuscolo, non ha funzionato quando ho provato prima.

Questi bug sarebbero per tutti o solo per lo Staff da vedere? Ma sì, il CSS non funziona ancora per me :frowning:

Se lo stai mostrando allo staff, allora a tutti tranne allo staff.

Aggiungi un !important, di solito funziona :upside_down_face:

.small-action.onscreen-post {
    display: none !important;
}

Molto strano, anche con la parte importante, ancora non la nasconde. mmm. E questo su più temi. È perché sto usando un componente per farlo?

Sei sicuro che il componente sia applicato ai temi?

Sì, viene visualizzato come applicato a entrambi quelli su cui ho provato.

Strano. Ho creato un componente di prova e funziona per me. Potresti provare questo componente?

Ok, che diavolo? Il tuo funziona, lol. Ho esattamente la stessa cosa nel mio, però.

Ok, quindi dopo aver disabilitato il mio componente dal tema e averlo riapplicato, ora funziona… che cosa diavolo?

1 Mi Piace

Forse era un problema di cache?

Intendi sul mio browser? Se sì, ne dubito. Ho provato più browser in modalità di navigazione in incognito. Forse ho trovato un bug in qualche modo, haha?

MODIFICA: Ripensandoci, ho avuto problemi simili circa 12 ore fa. Una delle mie cose CSS ha smesso di funzionare casualmente e ho dovuto riapplicarla. Me ne sono completamente dimenticato fino ad ora, ma immagino che sia prevedibile quando costruisci il tuo sito per 18 ore al giorno :upside_down_face:

La sintassi è importante e hai uno spazio prima dei due punti invece che dopo, il che ha causato il mancato funzionamento del tuo. Inoltre, è meglio non capitalizzare le proprietà.

Questo non sembra causare problemi quando si applicano stili tramite ispezione, tranne per il fatto che confonde l’evidenziatore di sintassi: