Lista de temas MD Componente móvil

He implementado una corrección

3 Me gusta

El segundo con el avatar a la derecha, por favor :pray:

Me alegro de que el componente se haya actualizado, lo estoy usando en todas mis instancias.

1 me gusta

La alternativa se ve bien. Reemplazar el avatar con la insignia es extraño, para ser honesto. Personalmente, reduciría el tamaño de la insignia, pero sí, me parece bien.

2 Me gusta

Me gusta esta alternativa.

2 Me gusta

Ok, he actualizado el componente para probarlo. Avísame si tienes algún problema.

Gracias de nuevo @Arkshine, sin tu trabajo lo habría dejado.

2 Me gusta

¿Crees que es necesario mostrar el número de visualizaciones y me gusta debajo del título también?
Porque en la versión anterior, se mostraban.

No creo que lo fuera, supongo que lo añadiste directamente en el componente usando un plugin outlet

No tengo el código ahora mismo, pero si realmente lo necesitas puedo ayudarte

El código base debería ser algo así

<script type='text/x-handlebars' data-template-name='/connectors/topic-list-after-category/viewsandlikes'>
  <span class='topic-views'>{{d-icon "eye"}} **code**</span>
  <span class='topic-likes'>{{d-icon "heart"}} **code**</span>
</script>
1 me gusta

Vaya, ¿en serio? No recuerdo si hice algún cambio tampoco.
Quizás mi memoria me está jugando una mala pasada.
Pero gracias por tu ayuda, cambiaré el código por mi parte :sweat_smile:

1 me gusta

Por cierto, parece que el enlace de vista previa no funciona.

2 Me gusta

Lo arreglé, gracias

Limpié mi página de creador de temas, pero olvidé volver a compartir estos componentes

3 Me gusta

Hola Steven:

Cuando se publica un nuevo artículo, aparecen dos insignias después del título del artículo. ¿Está configurado intencionalmente?

Agregué un fragmento de código JS para eliminar una de ellas, pero no parece funcionar de manera consistente, especialmente cuando se usan diferentes navegadores.

¿Tienes alguna otra buena sugerencia?

document.addEventListener("DOMContentLoaded", function () {
  const badges = document.querySelectorAll(".topic-post-badges .badge-notification.new-topic");
  if (badges.length > 1) {
    // Elimina la segunda insignia
    badges[1].remove();
  }
});

1 me gusta

Creo que lo tengo, he implementado una solución, intenta actualizar y dime si ya está bien.

1 me gusta

Después de la actualización, funciona muy bien. Gracias :smiley:

2 Me gusta

El indicador en línea está mal ubicado :slight_smile:


Ver en la primera línea

1 me gusta

Es complicado ya que el plugin whos online adjunta este indicador al lado izquierdo (que desactivamos) y el avatar está centrado verticalmente.

Puedo acercarme más con estas modificaciones (pon estas en una hoja de estilos CSS para móviles), pero definitivamente está lejos de ser perfecto.

.pull-left {
  float: right;
}

html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  top: -15px;
  left: unset;
  right: -50px;
}

La solución más fácil sería desactivar este indicador en móviles y solo en la lista de temas.

html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  display: none;
}
2 Me gusta

Hola Max. Quiero mostrar algunas cosas debajo del título también, como el número de me gusta y vistas. ¿Cómo lograste hacer eso?

Pequeña actualización sobre el componente, dentro de una categoría, la lista de temas estaba bastante vacía. He añadido información con el autor y el número de publicaciones.

Antes

Después

1 me gusta

Se ve bien. Ajusté algunos colores para que no fueran demasiado llamativos.

body.category .category-author-comments {
    color: var(--primary-medium) !important;
}
body.category .category-author-comments a {
    color: var(--primary-medium) !important;
}