No puedo eliminar los botones del pie de página del tema en iOS

[CaptainJ]

He logrado eliminar los botones de Marcar y Compartir de la parte inferior de los temas en el escritorio, pero en la aplicación iOS todavía hay un menú desplegable “Controles del tema” que contiene Marcar y Compartir. Hice el CSS en la sección “Común”.

¿Es esto un error?

(Los botones del pie de página del tema están especialmente abarrotados en las pantallas móviles, por lo que tener un botón grande innecesario de “Controles del tema” es un poco molesto, especialmente porque no creo que haya una forma de eliminar también “Marcador”, que es otro botón grande. Si estos fueran solo iconos, no estaría tan mal, pero actualmente casi la mitad de la pantalla al final del tema son botones).

[awesomerobot (Kris)]

¿puedes compartir tu CSS relevante aquí? es probable que necesites ser más específico para que se aplique a dispositivos móviles

[CaptainJ]

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

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

También eliminé los elementos fijados y el texto de las notificaciones:

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

¡Gracias!

[awesomerobot (Kris)]

Sí, en el móvil los controles del pie de página del tema son un componente completamente separado, por lo que tu CSS es un poco demasiado específico y solo se aplica al escritorio…

Esto debería funcionar para ambos:

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

Tenemos un pequeño tutorial sobre cómo comprobar selectores CSS: Making custom CSS changes on your site

El móvil puede ser un poco complicado de comprobar si no tienes un entorno de desarrollo configurado, pero si añades ?mobile_view=1 al final de la URL de tu foro, esto te permite ver el móvil en un escritorio, lo que puede facilitar su uso.

[CaptainJ]

¡Gracias! No sabía lo de ?mobile_view=1

Por cierto, también tuve que añadir lo siguiente para eliminar el menú desplegable (ahora vacío):

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