Standort-Plugin 🌍

[Richie (Richie Rich)]

Tolle Arbeit Robert @merefield

Vorher:

Und danach:

---

Auch vorher:

Und danach:

Perfekt - vielen Dank

[Roi]

Großartig, vielen Dank @merefield

Siehe hier, es ist jetzt perfekt. Screenshot für die Desktop-Version:

Ich habe mich entschieden, es in eine neue Zeile zu unterteilen. Für Mobilgeräte habe ich die Ränder und die Schriftgröße etwas angepasst.

[Roi]

@Roi

Ich habe mich entschieden, es in eine neue Zeile zu setzen.

Mir ist gerade aufgefallen, dass es das Layout ein wenig stört, wenn es ungelesene Beiträge gibt – auch wenn kein Standort vorhanden ist:

@merefield Ist es möglich, nur <span></span> anzuzeigen, wenn ein Standort vorhanden ist?
Oder noch besser, <span></span> nach <span class="topic-post-badges">...</span> zu setzen, was die Blasen erzeugt und es auch nur anzeigt, wenn ein Standort vorhanden ist?

[merefield (Robert)]

Klingt nach einer sinnvollen Verfeinerung. PR willkommen, bis ich mich darum kümmere.

[merefield (Robert)]

OK, implementiert:

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

@Roi

[Roi]

@merefield oh cool, vielen Dank! Habe gerade die CSS-Änderungen aktualisiert und rückgängig gemacht. Sieht bisher gut aus. Mal sehen, wie es aussieht, wenn es ungelesene Beiträge gibt. Ich halte dich auf dem Laufenden.

[merefield (Robert)]

@Roi

Ist es möglich, eine zweite Option für die location map tile layer zu haben, die verwendet wird, wenn das Forum im Dark Mode ist? Wie Sie hier sehen können, passt die Karte perfekt zum hellen Thema, aber die Benutzer werden im Dark Mode geblendet.

Ich habe dies mit einer Theme Component erreicht.

Leider muss dies derzeit zu Ihrem ausgewiesenen “Dark Theme” hinzugefügt werden und wechselt nicht automatisch mit dem “Dark Mode” eines Benutzers.

Dennoch ist dies ein nützlicher Fortschritt, auf dem man aufbauen kann:

: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)]

Ich habe das gerade komplett übernommen und in unser dunkles Thema implementiert.

Vorher:

Nachher:

Danke Robert

[merefield (Robert)]

Gern geschehen, ich werde versuchen, dies zu einem nativen Verhalten zu machen, sobald ich die Möglichkeit habe, den Dark Mode umzuschalten.

[Roi]

@merefield danke, dass du dich darum kümmerst! Toller Ansatz!

@merefield

Leider muss dies derzeit zu deinem ausgewiesenen „Dark Theme“ hinzugefügt werden und wechselt nicht automatisch mit dem „Dark Mode“ eines Benutzers.

Ich verstehe. Dann kann ich es derzeit nicht verwenden. Ich habe nur ein Theme und zwei Farben (hell und dunkel) und benutze den Schalter, um zwischen hell und dunkel zu wechseln.

Aber wie du geschrieben hast, möchte ich eine Umschaltmöglichkeit haben. Ich freue mich darauf.

[Nick_Tomlinson]

Wie wäre es mit einer Geo-Suche, um Mitglieder in derselben Stadt zu finden?

Das wäre perfekt auf dem Reiter „Benutzer“!

[merefield (Robert)]

Gute Idee, aber durch die Users-Karte, auf die Sie zoomen können, etwas abgemildert.

[Richie (Richie Rich)]

Einverstanden, unsere Mitglieder öffnen einfach die Karte und schauen sich um, wer sich in ihrer Nähe befindet

[Don]

Hallo Robert,

Das ist eine großartige Idee! Ich liebe sie.

@merefield

Ich werde versuchen, dies zu einem nativen Verhalten zu machen, sobald ich eine Dark-Mode-Umschaltfunktion habe.

Ich denke, Sie können dies mit einem benutzerdefinierten dark-light-choose() in color_definitions.scss erreichen.

$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};
}

Und dann können Sie es zu locations.scss oder irgendwo anders hinzufügen…

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

[merefield (Robert)]

Ooh danke @Don ein anderer Ansatz, ich werde es versuchen

[Roi]

@Don

Ich denke, Sie können dies mit benutzerdefinierten color_definitions.scss erreichen.

Danke, das ist großartig.

Ich habe es gerade getestet und es funktioniert! Ich habe auch versucht, dies mit color_definitions.scss zu erreichen, bin aber irgendwie immer über die Syntax gestolpert…

[Stephane_Roy]

Hallo

Ich bin überrascht nach dem letzten Update :-/

Wäre es möglich, eine Option zu haben, um den Ort / die Adresse nicht unter dem Thema anzuzeigen?

Conventions JdR

Vielen Dank für dieses Plugin!

[merefield (Robert)]

Das war der ganze Sinn der Anfrage und der anschließenden Änderung. Es ist jetzt ein Span, damit Sie mit CSS alles machen können, was Sie möchten

Vorher war das nicht möglich.

Sie können den Standort-Span anvisieren und display: block; hinzufügen.

Das kann es in die nächste Zeile verschieben.

Wenn Sie jemanden brauchen, der Ihnen beim Styling hilft, darf ich Marketplace vorschlagen?

[Richie (Richie Rich)]

@merefield

Sie können den Standortbereich anvisieren und display: block; hinzufügen.

Das sendet es vielleicht in die nächste Zeile.

Gibt es Beispiele, wie genau das geht, Robert @merefield?

[merefield (Robert)]

Ich bin sicher, dass das eine Aufgabe ist, die jemand aus der Community übernehmen kann? Wenn Sie meine Anweisungen befolgen, sollte es funktionieren.