Impossible de supprimer les boutons de footer du sujet sur iOS

Dev
1

J’ai réussi à supprimer les boutons Drapeau et Partager du bas des sujets sur ordinateur, mais dans l’application iOS, il y a toujours un menu déroulant « Contrôles du sujet » contenant Drapeau et Partager. J’ai fait le CSS dans la section « Commun ».

Est-ce un bug ?

(Les boutons du pied de page du sujet sont particulièrement encombrés sur les écrans mobiles, donc avoir un gros bouton « Contrôles du sujet » inutile est un peu gênant, d’autant plus que je ne pense pas qu’il y ait un moyen de supprimer également « Marque-page », qui est un autre gros bouton. Si ce n’étaient que des icônes, ce ne serait pas si grave, mais actuellement près de la moitié de l’écran à la fin du sujet est constituée de boutons.)

1 « J'aime »
2

pouvez-vous partager votre CSS pertinent ici ? il est probable que vous deviez être plus spécifique pour qu’il s’applique aux mobiles

3 « J'aime »
3 
button#topic-footer-button-flag {
    display: none;
}

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

J’ai également supprimé les épingles et le texte des 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;
    }
}

Merci !

1 « J'aime »
4

oui, donc sur mobile les contrôles du pied de page du sujet sont un composant entièrement séparé, donc votre CSS est un peu trop spécifique et ne s’applique qu’au bureau…

Cela devrait fonctionner pour les deux :

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

Nous avons un petit tutoriel sur la vérification des sélecteurs CSS : Making custom CSS changes on your site

Le mobile peut être un peu délicat à vérifier si vous n’avez pas d’environnement de développement configuré, mais si vous ajoutez ?mobile_view=1 à la fin de l’URL de votre forum, cela vous permet de visualiser le mobile sur un bureau, ce qui peut le rendre plus facile à utiliser.

4 « J'aime »
5

Merci ! Je ne connaissais pas ?mobile_view=1

Au fait, j’ai aussi dû ajouter ce qui suit pour supprimer la liste déroulante (maintenant vide) :

#topic-footer-buttons .topic-footer-mobile-dropdown {
  display: none;
}
1 « J'aime »
6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.