Locations 插件 🌍

[Richie (Richie Rich)]

干得漂亮 Robert @merefield

之前：

之后：

---

之前也是：

之后：

完美 - 谢谢

[Roi]

太棒了，非常感谢您 @merefield

请看这里，现在完美了。桌面版的截图：

我选择将它分成新的一行。对于移动端，我稍微修改了边距和字体大小。

[Roi]

@Roi

我选择将其分成新的一行。

我刚注意到，当有未读帖子时，它会稍微破坏布局——即使没有位置信息：

@merefield 是否有可能仅在有位置信息时显示 <span> class="location-after-title"></span>？
或者更好的是，将 <span> class="location-after-title"></span> 放在 <span> class="topic-post-badges">...</span> 之后，这会产生气泡，并且仅在有位置信息时显示？

[merefield (Robert)]

听起来是一个合理的改进。在我着手处理之前，欢迎提交PR。

[merefield (Robert)]

好的，已实现：

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

@Roi

[Roi]

@merefield 哦，太棒了，非常感谢！刚刚更新并撤销了 CSS 更改。到目前为止看起来不错。看看没有已读帖子时会是什么样子。我会随时向您汇报。

[merefield (Robert)]

@Roi

是否可以为论坛在黑暗模式下使用的“位置地图图层”提供第二个选项？正如您在此处（here ）所见，地图与浅色主题完美匹配，但在黑暗模式下用户会感到刺眼。

所以，我通过一个主题组件实现了这一点。

不幸的是，目前这必须添加到您指定的“黑暗主题”中，并且不会与用户的“黑暗模式”自动切换。

尽管如此，这是一个有用的进展，可以继续改进：

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

我已经完全借鉴了它，并在我们的深色主题中实现了它。

之前：

之后：

谢谢 Robert

[merefield (Robert)]

不客气，一旦我有了暗黑模式切换功能，我就会尝试让它成为原生行为。

[Roi]

@merefield 谢谢你对此事的关注！ 很棒的方法！

@merefield

不幸的是，目前这必须添加到您指定的“深色主题”中，并且不会与用户的“深色模式”自动切换。

我明白了。所以目前我无法使用它。我只有一个主题和两种颜色（浅色和深色），并使用开关在浅色和深色之间切换。

但正如你所写，我想要一个切换功能。期待这个。

[Nick_Tomlinson]

如何进行地理搜索以查找同一城镇/城市的成员？

这在用户选项卡上将是完美的！

[merefield (Robert)]

这个想法不错，但可以通过用户地图进行缩放来在一定程度上缓解。

[Richie (Richie Rich)]

同意，我们的会员只需打开地图，看看他们居住的区域，看看周围还有谁

[Don]

你好 Robert，

这真是个好主意！我喜欢它。

@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;

这可能会将其发送到下一行。

罗伯特 @merefield，请提供如何做到这一点的具体示例？

[merefield (Robert)]

我相信社区里有人可以承担这项任务？ 如果你遵循我的指示，它应该会奏效。