Plugin Lieux 🌍

[Richie (Richie Rich)]

Excellent travail Robert @merefield

Avant :

Et après :

---

Aussi avant :

Et après :

Parfait - merci

[Roi]

Tellement super, merci beaucoup @merefield

Regardez ici, c’est parfait maintenant. Capture d’écran pour la version de bureau :

J’ai choisi de le diviser en une nouvelle ligne. Pour mobile, j’ai un peu modifié les marges et la taille de la police.

[Roi]

@Roi

J’ai choisi de le diviser en une nouvelle ligne.

Je viens de remarquer que cela casse un peu la mise en page lorsqu’il y a des messages non lus - même s’il n’y a pas d’emplacement :

@merefield Est-il possible de n’afficher que <span class="location-after-title"></span> s’il y a un emplacement ?
Ou encore mieux, placer <span class="location-after-title"></span> après <span class="topic-post-badges">...</span> qui produit les bulles et ne l’affiche également que lorsqu’il y a un emplacement ?

[merefield (Robert)]

Cela semble être un raffinement raisonnable. PR bienvenu pour le moment jusqu’à ce que j’y parvienne.

[merefield (Robert)]

OK, implémenté :

IMPROVE: hide location span on Topic List Title when no location

@Roi

[Roi]

@merefield oh cool merci beaucoup ! Je viens de mettre à jour et d’annuler les modifications CSS. Ça a l’air bien pour l’instant. Voyons comment ça rend quand il y aura des messages non lus. Je vous tiens au courant.

[merefield (Robert)]

@Roi

Est-il possible d’avoir une deuxième option pour la couche de tuiles de carte d'emplacement qui est utilisée lorsque le forum est en mode sombre ? Comme vous pouvez le voir ici la carte correspond parfaitement au thème clair, mais les utilisateurs deviennent aveugles en mode sombre.

J’ai donc réalisé cela avec un composant de thème.

Malheureusement, cela devra être ajouté à votre « Thème sombre » désigné et ne basculera pas automatiquement avec le « Mode sombre » d’un utilisateur.

Néanmoins, c’est un progrès utile sur lequel s’appuyer :

:root {
  --map-tiles-filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
}

.locations-map {
  .leaflet-tile-pane  {
    filter:var(--map-tiles-filter, none);
  }
  .leaflet-marker-shadow {
    display: none;
  }
}

[Richie (Richie Rich)]

Je viens de le voler complètement et de l’implémenter sur notre thème sombre.

Avant :

Après :

Merci Robert

[merefield (Robert)]

De rien, j’essaierai de rendre cela un comportement natif une fois que j’aurai la capacité de basculer le mode sombre.

[Roi]

@merefield merci d’avoir examiné cela ! Excellente approche !

@merefield

Malheureusement, cela devra être ajouté à votre « Thème Sombre » désigné et ne basculera pas automatiquement avec le « Mode Sombre » d’un utilisateur.

Je vois. Donc, à ce stade, je ne peux pas l’utiliser. Je n’ai qu’un seul thème et deux couleurs (claire et sombre) et j’utilise le commutateur pour basculer entre le clair et le sombre.

Mais comme vous l’avez écrit, je veux avoir une capacité de commutation. J’attends cela avec impatience.

[Nick_Tomlinson]

Et si on faisait une recherche géographique pour trouver les membres de la même ville ?

Ce serait parfait dans l’onglet utilisateurs !

[merefield (Robert)]

Bonne idée mais quelque peu atténuée par la carte des utilisateurs sur laquelle vous pouvez zoomer.

[Richie (Richie Rich)]

D’accord, nos membres ouvrent simplement la carte et jettent un coup d’œil à la zone où ils vivent pour voir qui d’autre se trouve autour d’eux

[Don]

Bonjour Robert,

C’est une excellente idée ! J’adore ça.

@merefield

J’essaierai de rendre cela un comportement natif une fois que j’aurai une capacité de commutation en mode sombre.

Je pense que vous pouvez y parvenir avec une fonction personnalisée dark-light-choose() dans color_definitions.scss.

$dark-theme-map-tiles-filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
$light-theme-map-tiles-filter: none;

$dark-theme-map-marker-shadow-display: none;
$light-theme-map-marker-shadow-display: block;

$map-tiles-filter: dark-light-choose($light-theme-map-tiles-filter, $dark-theme-map-tiles-filter);
$map-marker-shadow-display: dark-light-choose($light-theme-map-marker-shadow-display, $dark-theme-map-marker-shadow-display);

:root {
  --map-tiles-filter: #{$map-tiles-filter};
  --map-marker-shadow-display: #{$map-marker-shadow-display};
}

Et ensuite, vous pouvez l’ajouter à locations.scss ou ailleurs…

.locations-map {
  .leaflet-tile-pane  {
    filter: var(--map-tiles-filter);
  }
  .leaflet-marker-shadow {
    display: var(--map-marker-shadow-display);
  }
}

[merefield (Robert)]

Merci @Don, une approche différente, je vais essayer

[Roi]

@Don

Je pense que vous pouvez y parvenir avec un color_definitions.scss personnalisé.

Merci, c’est génial.

Je viens de le tester et ça marche ! J’ai aussi essayé d’y parvenir avec color_definitions.scss il y a quelques jours, mais j’ai toujours buté sur la syntaxe…

[Stephane_Roy]

Bonjour

Je suis surpris après la dernière mise à jour :-/

Serait-il possible d’avoir une option pour ne pas afficher le lieu / l’adresse à la suite du titre du sujet ?

Conventions JdR

Un grand merci pour ce plugin !

[merefield (Robert)]

C’était tout l’intérêt de la demande et du changement ultérieur. C’est maintenant un Span, vous pouvez donc utiliser CSS pour faire ce que vous voulez avec

Avant, ce n’était pas possible.

Vous pouvez cibler le span de localisation et ajouter un display: block;

Cela peut l’envoyer à la ligne suivante.

Si vous avez besoin d’aide pour le style, puis-je suggérer Marketplace ?

[Richie (Richie Rich)]

@merefield

Vous pouvez cibler la portée de l’emplacement et ajouter un display: block;

Cela peut l’envoyer à la ligne suivante.

Des exemples de la façon exacte de faire cela, s’il vous plaît Robert @merefield ?

[merefield (Robert)]

Je suis sûr que c’est une tâche que quelqu’un de la communauté peut reprendre ? Si vous suivez mes instructions, cela devrait fonctionner.