Miniatures de recherche

:information_source: Résumé Ajoute des vignettes aux résultats de recherche d’images
:eyeglasses: Aperçu Search results for 'trip with:images order:latest' - Unicyclist.com
:hammer_and_wrench: Lien du dépôt https://github.com/Canapin/discourse-search-thumbnails
:open_book: Guide d’installation Comment installer des plugins dans Discourse

Fonctionnalités

Ce plugin ajoute des vignettes aux résultats de recherche d’images. Vous pouvez le voir en direct ici.

Souvent, sur mes propres forums, j’ai utilisé la recherche pour trouver des images spécifiques.
Cliquer sur chaque résultat de recherche pour ouvrir le message et voir si l’image que je cherchais s’y trouvait était fastidieux image-(1)

Cette fonctionnalité facilite la recherche d’images.

Par défaut, les vignettes n’apparaissent que lorsque vous utilisez le filtre de recherche with:images, mais il existe un paramètre pour étendre la fonctionnalité à toutes les recherches.

Captures d’écran

Recherche rapide :

Recherche complète :

Vignettes activées sur la recherche d’images

Vignettes activées pour la recherche non-image

Paramètres

Paramètre Description Défaut
search_thumbnails_enabled Active les aperçus des vignettes dans les résultats de recherche pour les messages contenant des images. true
search_thumbnails_only_with_images_filter N’affiche les vignettes que lorsque le filtre with:images est utilisé. Si désactivé, les vignettes apparaissent dans toutes les recherches. true
search_thumbnails_max_count Nombre maximum de vignettes à afficher par résultat. Définir à 0 pour illimité. 5
13 « J'aime »

Bonjour, j’ai trouvé un bug d’affichage de l’interface utilisateur lorsque j’utilise ce composant avec le Thème FKB Pro Social.

Comme le montre la capture d’écran ci-dessous, lorsqu’un message contient de nombreuses images, les vignettes ne passent pas à la ligne suivante. Cela provoque un débordement de l’élément de résultat de recherche entier hors du conteneur, poussant le texte et les boutons à l’extérieur de l’arrière-plan de l’interface utilisateur.

Pourriez-vous ajouter un CSS tel que flex-wrap: wrap; au conteneur de vignettes pour éviter cela ?

Merci !

1 « J'aime »

D’accord, je vais le faire cette semaine.

1 « J'aime »

J’ai fait le changement :+1:

1 « J'aime »