Existe alguma forma de remover isso da seção de posts?

Estas:

Isso realmente polui o feed, especialmente no celular. Adoraria se pudesse ser enviado apenas como uma notificação ou algo assim. É irritante ir constantemente apagar mensagens do sistema quando elas acontecem toda hora, ou até mesmo mensagens de Staff de que uma ação foi realizada em uma postagem.

Você poderia tentar escrever algum CSS para escondê-los. Pelo que estou vendo, todas as postagens em um tópico estão contidas em um elemento div com a classe post-stream. Essas mensagens em particular parecem ser elementos de artigo com as classes small-action e onscreen-post. Eu teria cuidado para garantir que não haja outros tipos de mensagens que seriam capturadas pelo seletor CSS e escondidas!

Sim, eu estava pensando em fazer algo como:

.small-action {
display: none
}

mas não tenho certeza de que outros tipos de mensagens aparecem assim. Existe alguma lista delas por acaso?

Hmm, não estou ciente de uma lista completa, mas notei pelo menos mais um elemento que usa small-action: a última linha visitada! :grin:
image
Espero que article.small-action.onscreen-post seja específico o suficiente para não afetar mais nada.

Isso seria perfeito, mas não está funcionando para mim em minha conta não oficial, nem para usuários não autenticados. Vê algo errado?

Mesmo apenas ter isso sozinho não está fazendo nada:

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

Isso está sendo feito em um componente que criei para coisas de CSS que uso para alguns temas.

Para mim, aqui no Meta, não-funcionário, isso funciona:

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

Você parece ter capitalizado display por engano?

Apenas mais uma observação, isso pode ocasionalmente causar bugs visuais estranhos:

1 curtida

Sim, mesmo com o display minúsculo normal, ainda não funcionou quando tentei mais cedo.

Esses bugs seriam para todos ou apenas para a equipe ver? Mas sim, o CSS ainda não está funcionando para mim :frowning:

Se você estiver mostrando para a equipe, então todos, exceto a equipe.

Adicione um !important a ele, isso geralmente funciona :upside_down_face:

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

Tão estranho, mesmo com a parte importante, ainda não está escondendo. hmmm. E isso em vários temas. É porque estou usando um componente para fazer isso?

Você tem certeza que o componente é aplicado aos temas?

Sim, está sendo exibido como aplicado em ambos que tentei.

Estranho. Criei um componente de teste e ele funciona para mim. Você poderia tentar este componente?

Ok, que diabos? O seu funciona, lol. Eu tenho exatamente a mesma coisa no meu, embora.

Ok, então depois de desabilitar meu componente do tema e reaplicá-lo, ele está funcionando agora… o que diabos?

1 curtida

Talvez tenha sido um problema de cache?

Você quer dizer no meu navegador? Se sim, duvido. Eu tentei vários navegadores no modo anônimo. Talvez eu tenha encontrado um bug de alguma forma, haha?

EDIT: Pensando bem, tive um problema semelhante há cerca de 12 horas. Uma das minhas coisas de CSS parou de funcionar aleatoriamente e tive que reaplicá-la. Esqueci totalmente disso até agora, mas acho que isso é esperado quando você está construindo seu site 18 horas por dia :upside_down_face:

A sintaxe é importante e você tem um espaço antes dos dois pontos em vez de depois, o que fez com que o seu não funcionasse. Além disso, é melhor não capitalizar propriedades.

Isso não parece causar um problema ao aplicar estilos via inspecionar, exceto que confunde o realçador de sintaxe: