Hola Este componente de tema activa los avatares fijos para dispositivos móviles.
Reutilicé la función principal de avatares fijos para que sea utilizable en dispositivos móviles.
Toda la sección (avatar del tema + metadatos del tema) queda fija en la parte superior. Si la altura de la publicación excede la pantalla o si se desplaza hacia arriba en publicaciones largas. Eliminé el avatar fijo para publicaciones cortas al desplazarse hacia arriba, por lo que solo se activará en publicaciones largas en dispositivos móviles.
Desactivé esta función en mensajes personales con una sobreescritura de CSS.
Debido a que en la sección fija establecí un color de fondo var(--secondary), moví el resaltado de la publicación del tema de .topic-post a .topic-post .contents para que solo se resalte la sección debajo del avatar y los metadatos.
En esta publicación, solo se resalta la sección de contenido.
¿Cómo podría aplicar una sombra paralela debajo del marco del avatar fijo?
(Algo como esto: box-shadow: 0 -10px 30px 8px #CCCCCC;)
Sería bueno que hubiera una función en el componente del tema donde se pudiera agregar una sombra sutil, donde el administrador solo pudiera ingresar un #HEX y la extensión de desenfoque o algo así. Pero probablemente no valga la pena el esfuerzo de tu parte.
Por ahora, ¿cuál sería la anulación de CSS adecuada para apuntar/habilitar una sombra paralela?
Cuando intenté apuntar a topic-meta-data, pondría la sombra alrededor de todo ese elemento, no solo en la parte inferior, y la sombra tampoco incluía el topic-avatar.
Además, estoy recibiendo un mensaje de error con este componente de tema (ver abajo). ¿Este componente ya no se mantiene?
[Aviso de administrador] El tema ‘Sticky Avatars for Mobile’ contiene código que necesita ser actualizado. (id: discourse.widgets-decommissioned) (más información)
Este componente de tema activa los avatares fijos para dispositivos móviles.
|Repositorio| GitHub - VaperinaDEV/discourse-mobile-sticky-avatars: Sticky Avatars for Mobile |
|Guía de instalación|Cómo instalar un tema o componente de tema|
|¿Nuevo en los temas de Discourse?| Guía para principiantes sobre el uso de temas de Discourse
