Плагин Locations 🌍

Отличная работа, Роберт @merefield :clap: :partying_face:

До:

И после:


Также до:

И после:

Превосходно — спасибо :smiley:

1 лайк

Отлично, большое спасибо @merefield :+1: :clap:

Посмотрите здесь, теперь всё идеально. Скриншот для версии для настольных ПК:

Я решил разбить это на новую строку. Для мобильной версии немного изменил отступы и размер шрифта.

2 лайка

Я только что заметил, что это немного нарушает макет, когда есть непрочитанные сообщения — даже если там нет локации:

@merefield Возможно ли показывать <span class="location-after-title"></span> только при наличии локации?
Или ещё лучше: размещать <span class="location-after-title"></span> после <span class="topic-post-badges">...</span>, который выводит значки, и также показывать его только при наличии локации?

1 лайк

Звучит как разумное уточнение. PR пока приветствуется, пока я не займусь этим.

1 лайк

OK, реализовано:

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

Спасибо, Роберт :smiley: :clap:

4 лайка

Не проблема, я постараюсь сделать это поведение нативным, как только появится возможность переключать тёмную тему.

3 лайка

@merefield спасибо, что взялись за это! :slight_smile: Отличный подход!

Понял. Значит, на данном этапе я не могу её использовать. У меня только одна тема и два цвета (светлый и тёмный), и я использую переключатель для перехода между светлым и тёмным режимом.

Но, как вы написали, я хочу иметь возможность переключения. С нетерпением жду этого. :slight_smile:

Как насчет геопоиска для поиска участников в том же городе?

Это было бы идеально на вкладке «Пользователи»!

Хорошая идея, но немного сглаживается картой пользователей, на которой можно масштабировать.

2 лайка

Согласен, наши участники просто открывают карту и заглядывают в свой район, чтобы посмотреть, кто ещё рядом :blush:

2 лайка

Привет, Роберт,

Отличная идея! Мне очень нравится. :slightly_smiling_face:

Думаю, ты можешь добиться этого с помощью кастомной функции dark-light-choose() в файле 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};
}

А затем ты можешь добавить это в 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:

Ранее это было невозможно.

Вы можете выбрать элемент span с классом location и добавить к нему display: block;.

Это может перенести его на следующую строку.

Если вам нужна помощь со стилизацией, могу порекомендовать канал Marketplace?

1 лайк

Роберт @merefield, не могли бы вы привести конкретные примеры, как именно это сделать? :thinking:

Я уверен, что кто-то из сообщества сможет взяться за эту задачу? Если вы последуете моим инструкциям, всё должно сработать.