Locations Plugin 🌍

素晴らしい仕事、Robert @merefield :clap: :partying_face:

前:

後:


こちらも前:

後:

完璧です - ありがとうございます :smiley:

「いいね!」 1

素晴らしい、@merefield さん、本当にありがとうございます :+1: :clap:

こちら を見てください、これで完璧です。デスクトップバージョンのスクリーンショット:

新しい行に分割することにしました。モバイルでは、マージンとフォントサイズを少し変更しました。

「いいね!」 2

未読投稿がある場合、場所が表示されていなくてもレイアウトが少し崩れることに気づきました。

@merefield 場所がある場合のみ \u003cspan class=\"location-after-title\"\u003e\u003c/span\u003e を表示することは可能ですか?
あるいは、さらに良いことに、バブルを生成する \u003cspan class=\"topic-post-badges\"\u003e...\u003c/span\u003e の後に \u003cspan class=\"location-after-title\"\u003e\u003c/span\u003e を配置し、場所がある場合のみ表示することは可能ですか?

「いいね!」 1

もっともな改善ですね。私が対応するまで、ひとまずPRをお待ちしています。

「いいね!」 1

実装しました。

@Roi

「いいね!」 3

@merefield わー、ありがとうございます!CSSの変更を更新して元に戻しました。今のところ問題なさそうです。未読投稿があった場合にどう見えるか見てみます。またご報告しますね。:slight_smile:

「いいね!」 2

テーマコンポーネントでこれを実現しました。

残念ながら、これは現在指定された「ダークテーマ」に追加する必要があり、ユーザーの「ダークモード」で自動的に切り替わるわけではありません。

それでも、構築するための有用な進歩です。

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

「いいね!」 3

それを完全に盗んで、ダークテーマに実装しました。

変更前:

変更後:

:star_struck:

Robert、ありがとう :smiley: :clap:

「いいね!」 4

どういたしまして。ダークモードの切り替え機能が利用可能になったら、これをネイティブな動作にしようと思います。

「いいね!」 3

@merefield ご確認いただきありがとうございます!:slight_smile: 素晴らしいアプローチです!

なるほど。ということは、現時点では使用できないということですね。私はテーマは1つしかなく、色(ライトとダーク)も2つしかありません。ライトとダークを切り替えるにはスイッチを使用しています。

しかし、お書きになったように、スイッチ機能が欲しいです。楽しみにしています。:slight_smile:

同じ町/都市のメンバーを見つけるためのジオ検索はどうですか?

ユーザータブに最適です!

Nice idea but somewhat mitigated by the Users map upon which you can zoom.

ユーザーマップでズームできるため、ある程度緩和されています。

「いいね!」 2

はい、私たちのメンバーは地図を開いて、自分の住んでいる地域を覗き込み、他に誰がいるかを確認しています :blush:

「いいね!」 2

こんにちは、ロバートさん。

素晴らしいアイデアですね!気に入りました。:slightly_smiling_face:

color_definitions.scss でカスタムの dark-light-choose() を使用して実現できると思います。

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

そして、それを locations.scss や他の場所に…

.locations-map {
  .leaflet-tile-pane  {
    filter: var(--map-tiles-filter);
  }
  .leaflet-marker-shadow {
    display: var(--map-marker-shadow-display);
  }
}
「いいね!」 4

おお、ありがとうございます @Don。別のやり方ですね、試してみます :+1:

「いいね!」 2

ありがとうございます。素晴らしいです。:+1:

試してみたところ、うまくいきました! :slight_smile: 私も数日前に color_definitions.scss でこれを実現しようとしましたが、どういうわけか構文につまずいていました…

「いいね!」 1

こんにちは

最後のアップデートの後、少し驚いています :-/

トピックのタイトルの後に場所/住所を表示しないオプションを設けることは可能でしょうか?

このプラグインに、大変感謝しています!

「いいね!」 1

それがリクエストとそれに続く変更の全体的なポイントでした。それは今や Span になったので、好きなようにCSSで処理できます :slight_smile:

それ以前は不可能でした。

location スパンをターゲットにして display: block; を追加できます。

これで次の行に移動するかもしれません。

スタイリングのヘルプが必要な場合は、Marketplace をお勧めしますか?

「いいね!」 1

これを正確に行う方法の例を教えていただけますか、ロバート @merefield 様? :thinking:

コミュニティの誰かが引き受けてくれるタスクだと思いますか? 指示に従えば、うまくいくはずです。