Cartes de sujet


Actuellement, la page d’accueil s’affiche incorrectement sur le Samsung S23 Ultra. Un seul article provoque le débordement de texte et la rupture de toute la mise en page.

Ce problème est-il causé par l’article lui-même ou par un bug dans un composant du thème ?

Merci !

1 « J'aime »

J’ai vérifié et constaté que le problème est causé par un lien Google Maps dans la publication.

Si le lien est au format maps.google.com, cela fonctionne bien.

2 « J'aime »

Le composant Topic Cards se prépare-t-il pour Upcoming topic-list changes - how to prepare themes and plugins ? Je viens de mettre à jour Discourse et j’ai reçu une notification pour les administrateurs indiquant que ce composant doit être mis à jour.

Il a déjà été mis à jour, vous ne devriez donc plus voir d’avertissements. Pouvez-vous vérifier que vous utilisez la dernière version officielle de ce composant et non un fork ?

1 « J'aime »

Argh, c’est vrai ! C’est ma faute. J’avais oublié que nous utilisons GitHub - communiteq/discourse-topic-cards: This changed the topic list into cards with a modified layout, and a thumbnail if available.. https://github.com/communiteq/discourse-topic-cards

@RGJ désolé de vous déranger, savez-vous quelle est la différence actuelle entre votre fork et le dépôt principal ?

2 « J'aime »

Oui, le dépôt principal a été correctement entretenu… Je m’en occuperai en début de semaine prochaine.

2 « J'aime »

La version mobile, pour une raison quelconque, est cassée lorsque le composant ‘extrait du sujet’ est activé, et aussi sans lui (j’ai deux thèmes avec et sans ce composant et les deux sont cassés) ¯\_(ツ)_/¯ donc ce CSS est suffisant

PS : Collez ce code dans le fichier SCSS mobile depuis le tableau de bord admin

.topic-card__excerpt-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    white-space: normal !important; 
}

.topic-card__excerpt {
    max-width: 100% !important;
    overflow: hidden !important;
}

.topic-list-item {
    overflow: hidden !important;
    max-width: 100% !important;
    white-space: normal !important;
}

td {
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: normal !important;
}
2 « J'aime »

Comment cela peut-il être appliqué à une seule catégorie, ou à une liste de catégories, comme Miniatures de sujets ?

1 « J'aime »

Vous devrez ajouter la logique au composant. Si ce n’est pas prévu dans la feuille de route officielle, alors uniquement en le forkant.

Oui, c’est quelque chose dont nous aurions absolument besoin aussi. @jordan-violet, avez-vous fait ce que @manuel a suggéré…

Je n’ai pas les connaissances techniques pour faire cela. :disappointed_face:

1 « J'aime »

Nous avons pris une direction différente qui nous plaisait davantage. Nous utilisons Topic List Thumbnails et nous avons ensuite ajouté notre propre CSS pour qu’il ait l’apparence/le comportement que nous souhaitions. Vous pouvez le voir en action ici :

5 « J'aime »

Ça a l’air bien

1 « J'aime »

Hé, ça compte beaucoup venant de toi ! Merci !

1 « J'aime »

Une idée de pourquoi certains titres sont noirs alors que d’autres sont bleus ? J’ai lu les 3 sujets.

Ha ! J’ai trouvé la réponse juste après avoir posté. Le noir indique les réponses non lues. Mais comme la bulle # est juste là, il n’est probablement pas nécessaire d’en plus appeler la couleur.

1 « J'aime »

Si je veux que les cartes de sujet elles-mêmes aient une couleur différente du reste de l’arrière-plan, quel CSS devrais-je modifier ?

De plus, je ne vois pas si c’est mentionné, mais Topic Cards masque l’icône des actions groupées. Pouvons-nous l’afficher à nouveau ?
Je dois désactiver cette option chaque fois que j’ai besoin d’appliquer des mises à jour groupées aux sujets.

1 « J'aime »

faites un clic droit sur l’élément que vous souhaitez modifier et choisissez inspecter. les outils de développement du navigateur s’ouvriront et vous devriez voir le sélecteur CSS

1 « J'aime »

Merci, j’ai ajouté:

.topic-card.has-max-height {
    background: #e6ecf2
}
.topic-card.has-max-height:hover {
    background: #ddecf7
}

Et cela fonctionne parfaitement avec la palette d’origine ‘Shades of Blue’.

Bien, partie 2. Comment puis-je le modifier pour qu’il fonctionne avec 2 palettes de couleurs ? C’était bien jusqu’à ce que le navigateur passe en mode sombre.

Je réponds à nouveau à ma propre question…

J’ai appris l’existence de @media (prefers-color-scheme: light/dark) hier soir, donc tout va bien.

1 « J'aime »

Merci beaucoup @eisammy !!!
J’avais des problèmes avec ça et je m’arrachais les cheveux !
Pour une raison quelconque, je n’arrive pas à obtenir de liens externes vers onebox, donc le long lien dans les extraits étirait effectivement le texte hors de la boîte et ruinait l’interface utilisateur de mon site. Grâce à votre aide, c’est résolu !

1 « J'aime »

Il y a un problème avec ce composant : si je clique sur le titre du sujet, la page se recharge même après avoir navigué vers la page comme prévu avec Discourse. Elle se charge donc une première fois, puis la page se recharge à nouveau sans raison apparente. J’ai récemment mis à jour vers la version actuelle et testé toutes les possibilités plusieurs fois, et ce n’est qu’après avoir désactivé le composant que le comportement inhabituel s’est arrêté.

Discourse 3.5.0.beta7-dev - https://github.com/discourse/discourse version 773ae006b7d4315c01a37170b1ebad27332d515e

1 « J'aime »

Y a-t-il une chance que cela soit bientôt disponible ?