Отличная работа, Роберт @merefield
![]()
До:
И после:
Также до:
И после:
Превосходно — спасибо ![]()
Отлично, большое спасибо @merefield
![]()
Посмотрите здесь, теперь всё идеально. Скриншот для версии для настольных ПК:
Я решил разбить это на новую строку. Для мобильной версии немного изменил отступы и размер шрифта.
Я только что заметил, что это немного нарушает макет, когда есть непрочитанные сообщения — даже если там нет локации:
@merefield Возможно ли показывать <span class="location-after-title"></span> только при наличии локации?
Или ещё лучше: размещать <span class="location-after-title"></span> после <span class="topic-post-badges">...</span>, который выводит значки, и также показывать его только при наличии локации?
Звучит как разумное уточнение. PR пока приветствуется, пока я не займусь этим.
OK, реализовано:
@merefield О, круто, большое спасибо! Только что обновил и откатил изменения в CSS. Пока всё выглядит хорошо. Посмотрим, как будет выглядеть, когда появятся непрочитанные сообщения. Буду держать вас в курсе. ![]()
Итак, я реализовал это с помощью компонента темы.
К сожалению, на данный момент это необходимо добавлять в вашу назначенную «Тёмную тему», и оно не будет автоматически переключаться в зависимости от «Тёмного режима» пользователя.
Тем не менее, это полезный прогресс, на который можно опереться:
: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;
}
}
Не проблема, я постараюсь сделать это поведение нативным, как только появится возможность переключать тёмную тему.
@merefield спасибо, что взялись за это!
Отличный подход!
Понял. Значит, на данном этапе я не могу её использовать. У меня только одна тема и два цвета (светлый и тёмный), и я использую переключатель для перехода между светлым и тёмным режимом.
Но, как вы написали, я хочу иметь возможность переключения. С нетерпением жду этого. ![]()
Как насчет геопоиска для поиска участников в том же городе?
Это было бы идеально на вкладке «Пользователи»!
Хорошая идея, но немного сглаживается картой пользователей, на которой можно масштабировать.
Согласен, наши участники просто открывают карту и заглядывают в свой район, чтобы посмотреть, кто ещё рядом ![]()
Привет, Роберт,
Отличная идея! Мне очень нравится. ![]()
Думаю, ты можешь добиться этого с помощью кастомной функции 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);
}
}
О, спасибо @Don, другой подход, я попробую ![]()
Спасибо, это здорово. ![]()
Только что протестировал — всё работает!
Я тоже пытался добиться этого с помощью color_definitions.scss несколько дней назад, но постоянно спотыкался о синтаксис…
Здравствуйте
Я удивлён после последнего обновления :-/
Возможно ли добавить опцию, чтобы не отображать местоположение/адрес после заголовка темы?
Большое спасибо за этот плагин!
В этом и заключалась вся суть запроса и последующего изменения. Теперь это элемент span, так что вы можете использовать CSS для любых манипуляций с ним ![]()
Ранее это было невозможно.
Вы можете выбрать элемент span с классом location и добавить к нему display: block;.
Это может перенести его на следующую строку.
Если вам нужна помощь со стилизацией, могу порекомендовать канал Marketplace?
Роберт @merefield, не могли бы вы привести конкретные примеры, как именно это сделать? ![]()
Я уверен, что кто-то из сообщества сможет взяться за эту задачу? Если вы последуете моим инструкциям, всё должно сработать.