Liste des sujets MD Composant Mobile

J’ai poussé un correctif

3 « J'aime »

La 2e avec l’avatar à droite s’il vous plaît :pray :

Je suis content que le composant ait été mis à jour, je l’utilise sur toutes mes instances.

1 « J'aime »

L’alternative a l’air bien. Remplacer l’avatar par le badge est étrange, pour être honnête. Je réduirais personnellement la taille du badge, mais oui, ça me semble bien.

2 « J'aime »

J’aime cette alternative.

2 « J'aime »

Ok, j’ai mis à jour le composant pour essayer cela. Faites-moi savoir si vous rencontrez des problèmes

Merci encore @Arkshine, sans votre travail, je l’aurais abandonné

2 « J'aime »

Pensez-vous qu’il soit nécessaire d’afficher également le nombre de vues et de mentions J’aime sous le titre ?
Parce que dans l’ancienne version, ils étaient affichés.

Je ne pense pas que ce soit le cas, je suppose que vous l’avez ajouté directement dans le composant en utilisant un point de sortie de plugin

Je n’ai pas le code pour le moment, mais si vous en avez vraiment besoin, je peux vous aider

Le code de base devrait ressembler à ceci

<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 « J'aime »

Ah, vraiment ? Je ne me souviens pas si j’ai apporté des modifications non plus.
Peut-être que ma mémoire me joue des tours.
Mais merci pour votre aide, je vais changer le code de mon côté :sweat_smile:

1 « J'aime »

Au fait, il semble que le lien de prévisualisation ne fonctionne pas.

2 « J'aime »

Je l’ai réparé, merci

J’ai nettoyé ma page de création de thèmes, mais j’ai oublié de partager à nouveau ces composants

3 « J'aime »

Salut Steven,

Lorsqu’un nouvel article est publié, deux badges apparaissent après le titre de l’article. Est-ce intentionnel ?

J’ai ajouté un bout de code JS pour en supprimer un, mais il ne semble pas fonctionner de manière cohérente, surtout avec différents navigateurs.

Avez-vous d’autres suggestions ?

document.addEventListener("DOMContentLoaded", function () {
  const badges = document.querySelectorAll(".topic-post-badges .badge-notification.new-topic");
  if (badges.length > 1) {
    // Supprime le deuxième badge
    badges[1].remove();
  }
});

1 « J'aime »

Je pense que j’ai compris, j’ai poussé une correction, essayez de mettre à jour et dites-moi si c’est bon maintenant.

1 « J'aime »

Après la mise à jour, cela fonctionne très bien. Merci :smiley:

2 « J'aime »

L’indicateur en ligne est mal placé :slight_smile:


Voir sur la première ligne

1 « J'aime »

Il est difficile car le plugin whos online attache cet indicateur sur le côté gauche (que nous avons désactivé) et l’avatar est centré verticalement.

Je peux m’en approcher avec ces modifications (mettez-les dans une feuille de style CSS mobile), mais ce n’est certainement pas parfait.

.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 solution la plus simple serait de désactiver cet indicateur sur mobile et uniquement sur la liste des sujets.

html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  display: none;
}
2 « J'aime »

Salut Max. Je veux aussi montrer des choses sous le titre, comme le nombre de j’aime et de vues. Comment as-tu fait ça ?

Petite mise à jour sur le composant, à l’intérieur d’une catégorie, la liste des sujets était assez vide. J’ai ajouté quelques informations avec l’auteur et le nombre de messages.

Avant

Après

1 « J'aime »

Ça a l’air bien. J’ai ajusté certaines couleurs pour éviter qu’elles ne soient trop voyantes.

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