Locations Plugin 🌍

[Richie (Richie Rich)]

훌륭한 작업이네요, Robert @merefield

전:

후:

---

또 다른 전:

후:

완벽합니다 - 감사합니다

[Roi]

정말 훌륭해요, @merefield님께 진심으로 감사드립니다

여기를 참고해 주세요. 이제 완벽합니다. 데스크톱 버전 스크린샷:

새 줄로 나누기로 결정했습니다. 모바일용으로는 여백과 글자 크기를 조금 수정했습니다.

[Roi]

@Roi

새로운 줄로 분리하기로 결정했습니다.

읽지 않은 게시물이 있을 때 레이아웃이 약간 깨지는 것을 방금 알게 되었습니다 - 현재 위치가 없더라도요:

@merefield 위치가 있을 때만 <span class="location-after-title"></span>을 표시하도록 하는 것이 가능한가요?
아니면 더 좋게, 버블을 생성하는 <span class="topic-post-badges">...</span> 뒤에 <span class="location-after-title"></span>을 배치하고, 위치가 있을 때만 표시하도록 하는 것은 어떨까요?

[merefield (Robert)]

합리적인 개선안으로 보입니다. 제가 작업하기 전까지는 PR을 환영합니다.

[merefield (Robert)]

확인했습니다. 구현 완료:

IMPROVE: hide location span on Topic List Title when no location (#77)

@Roi

[Roi]

@merefield 오, 감사합니다! 방금 업데이트를 적용하고 CSS 변경 사항을 되돌렸습니다. 지금은 괜찮아 보입니다. 읽지 않은 게시물이 있을 때 어떻게 보일지 지켜봐야겠네요. 계속 알려드릴게요.

[merefield (Robert)]

@Roi

포럼이 다크 모드일 때 사용되는 location map tile layer의 두 번째 옵션을 가질 수 있을까요? 여기에서 볼 수 있듯이 지도는 라이트 테마와 완벽하게 어울리지만, 다크 모드에서는 사용자들이 눈이 부실 정도입니다.

저는 테마 컴포넌트를 사용하여 이를 구현했습니다.

불행히도 현재로서는 이것이 사용자의 "다크 모드"와 자동으로 전환되는 것이 아니라, 지정된 "다크 테마"에 추가되어야 합니다.

그럼에도 불구하고, 이 위에 더 발전시킬 수 있는 유용한 진전입니다:

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

방금 그걸 그대로 가져와서 저희 다크 테마에 적용했어요.

Before:

After:

고마워요, Robert

[merefield (Robert)]

괜찮아요, 다크 모드 전환 기능이 가능해지면 이 동작을 네이티브 방식으로 구현해 보겠습니다.

[Roi]

@merefield 이 문제를 확인해 주셔서 감사합니다! 훌륭한 접근법이네요!

@merefield

아쉽게도 현재 이 기능은 사용자의 "다크 모드"와 자동으로 전환되지 않고, 지정된 "다크 테마"에 추가되어야 합니다.

알겠습니다. 그러면 현재 시점에서는 이 기능을 사용할 수 없군요. 저는 테마가 하나뿐이고 두 가지 색상(라이트와 다크)을 사용하며, 스위치를 통해 라이트와 다크 모드를 전환하고 있습니다.

그러나 말씀하신 대로 전환 기능이 필요합니다. 기대하고 있습니다.

[Nick_Tomlinson]

같은 동네/도시에 있는 멤버를 찾을 수 있는 지리 기반 검색은 어떨까요?

사용자 탭에 있으면 정말 완벽할 것 같아요!

[merefield (Robert)]

좋은 아이디어지만, 확대할 수 있는 사용자 지도 때문에 그 효과가 다소 약화됩니다.

[Richie (Richie Rich)]

동의합니다. 우리 회원들은 그냥 지도를 열어 자기 주변에 누가 있는지 둘러보는 거죠

[Don]

로버트님, 안녕하세요!

정말 멋진 아이디어네요! 마음에 듭니다.

@merefield

다크 모드 전환 기능이 생기면 이걸 네이티브 동작으로 만들어 보겠습니다.

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

[merefield (Robert)]

오, @Don 고마워요. 다른 접근법이네요, 한번 시도해볼게요

[Roi]

@Don

커스텀 color_definitions.scss를 사용하면 구현할 수 있다고 생각합니다.

감사합니다, 정말 좋습니다.

방금 테스트해 보았는데 작동합니다! 며칠 전에도 color_definitions.scss를 이용해 이걸 구현하려고 시도했지만, 어째서인지 항상 문법에서 막혔습니다…

[Stephane_Roy]

안녕하세요

마지막 업데이트 이후로 좀 의외입니다 :-/

토픽 제목 뒤에 위치/주소를 표시하지 않는 옵션을 추가할 수 있을까요?

Conventions JdR

이 플러그인에 감사드립니다!

[merefield (Robert)]

그것이 요청의 핵심이었으며, 이후 변경 사항도 바로 그 목적을 위한 것이었습니다. 이제 Span이므로 CSS를 사용해 원하는 대로 스타일링할 수 있습니다

그전에는 불가능했습니다.

위치(location) span을 타깃으로 지정하고 display: block;을 추가할 수 있습니다.

그러면 다음 줄로 이동할 수 있습니다.

스타일링에 도움이 필요하시다면 Marketplace 채널을 추천드립니다.

[Richie (Richie Rich)]

@merefield

위치 스팬을 타깃으로 지정하고 display: block;을 추가할 수 있습니다.

그렇게 하면 다음 줄로 이동할 수 있습니다.

Robert @merefield 님, 정확히 어떻게 해야 하는지 예시를 알려 주실 수 있을까요?

[merefield (Robert)]

커뮤니티에서 누군가가 이 작업을 맡을 수 있을 거라고 확신합니다. 제 지시를 따르시면 작동할 것입니다.