Não é possível remover os botões de rodapé do tópico no iOS

Dev
1

Consegui remover os botões “Denunciar” e “Compartilhar” da parte inferior dos tópicos no desktop, mas no aplicativo iOS ainda há um menu suspenso “Controles do Tópico” contendo Denunciar e Compartilhar. Fiz o CSS na seção “Comum”.

Isso é um bug?

(Os botões do rodapé do tópico ficam especialmente desordenados em telas de celular, então ter um botão grande e desnecessário “Controles do Tópico” é um pouco irritante, especialmente porque não acho que haja uma maneira de remover também o “Marcar” que é outro botão grande. Se fossem apenas ícones, não seria tão ruim, mas atualmente quase metade da tela no final do tópico é de botões.)

2

você pode compartilhar seu CSS relevante aqui? é provável que você precise ser mais específico para que ele se aplique ao celular

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

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

Também removi os fixados e o texto de notificações:

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

Obrigado!

4

sim, então no celular os controles do rodapé do tópico são um componente totalmente separado, então seu CSS é um pouco específico demais e só se aplica ao desktop…

Isso deve funcionar para ambos:

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

Temos um pequeno tutorial sobre como verificar seletores CSS: Making custom CSS changes on your site

O celular pode ser um pouco complicado de verificar se você não tiver um ambiente de desenvolvimento configurado, mas se você adicionar ?mobile_view=1 ao final do URL do seu fórum, isso permite que você visualize o celular em um desktop, o que pode facilitar o trabalho.

5

Obrigado! Eu não sabia sobre ?mobile_view=1

Aliás, eu também tive que adicionar o seguinte para remover o dropdown (agora vazio):

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