Plugin de Localizações 🌍

Ótimo trabalho Robert @merefield :clap: :partying_face:

Antes:

E depois:


Também antes:

E depois:

Perfeito - obrigado :smiley:

1 curtida

Ótimo, muito obrigado @merefield :+1: :clap:

Veja aqui, está perfeito agora. Captura de tela para a versão desktop:

Eu escolhi quebrá-lo em uma nova linha. Para dispositivos móveis, modifiquei um pouco as margens e o tamanho da fonte.

2 curtidas

Acabei de notar que isso está quebrando um pouco o layout quando há posts não lidos - mesmo que não haja localização:

@merefield É possível mostrar apenas <span class="location-after-title"></span> se houver uma localização?
Ou, melhor ainda, colocar <span class="location-after-title"></span> depois de <span class="topic-post-badges">...</span> que produz as bolhas e também só mostra quando há uma localização?

1 curtida

Parece um refinamento razoável. PR bem-vindo por enquanto até que eu o faça.

1 curtida

OK, implementado:

@Roi

3 curtidas

@merefield oh legal muito obrigado! Acabei de atualizar e reverter as alterações de CSS. Parece bom até agora. Vamos ver como fica quando houver posts não lidos. Manterei você informado. :slight_smile:

2 curtidas

Então eu consegui isso com um Componente de Tema.

Infelizmente, isso terá que ser adicionado ao seu “Tema Escuro” designado e não mudará automaticamente com o “Modo Escuro” de um usuário.

No entanto, é um progresso útil para construir:

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

Acabei de roubar totalmente isso e implementei no nosso tema escuro.

Antes:

Depois:

:star_struck:

Obrigado Robert :smiley: :clap:

4 curtidas

De nada, tentarei tornar isso um comportamento nativo assim que tiver a capacidade de alternar o Modo Escuro.

3 curtidas

@merefield obrigado por investigar! :slight_smile: Ótima abordagem!

Entendo. Então, neste momento, não posso usá-lo. Tenho apenas um tema e duas cores (clara e escura) e uso o interruptor para alternar entre claro e escuro.

Mas, como você escreveu, quero ter a capacidade de alternar. Ansioso por isso. :slight_smile:

Que tal uma pesquisa geográfica para encontrar membros na mesma cidade?

seria perfeito na aba de usuários!

Ótima ideia, mas um pouco mitigada pelo mapa de Usuários no qual você pode dar zoom.

2 curtidas

Concordo, nossos membros apenas abrem o mapa e dão uma olhada na área em que moram para ver quem mais está por perto :blush:

2 curtidas

Olá Robert,

Ótima ideia! Adorei. :slightly_smiling_face:

Acho que você pode conseguir isso com dark-light-choose() personalizado em 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};
}

E então você pode adicioná-lo a locations.scss ou a algum outro lugar…

.locations-map {
  .leaflet-tile-pane  {
    filter: var(--map-tiles-filter);
  }
  .leaflet-marker-shadow {
    display: var(--map-marker-shadow-display);
  }
}
4 curtidas

Ooh obrigado @Don uma abordagem diferente, vou tentar :+1:

2 curtidas

Obrigado, isso é ótimo. :+1:

Acabei de testar e funcionou! :slight_smile: Eu também tentei conseguir isso com color_definitions.scss alguns dias atrás, mas sempre tropecei na sintaxe de alguma forma…

1 curtida

Olá

Estou surpreso após a última atualização :-/

Seria possível ter uma opção para não exibir o local / endereço após o título do tópico?

Muito obrigado por este plugin!

1 curtida

Esse foi o objetivo da solicitação e da mudança subsequente. Agora é um Span para que você possa usar CSS para fazer o que quiser com ele :slight_smile:

Antes disso não era possível.

Você pode direcionar o span de localização e adicionar um display: block;

Isso pode enviá-lo para a próxima linha.

Se precisar de ajuda com estilo, posso sugerir o Marketplace?

1 curtida

Algum exemplo de como fazer isso, por favor, Robert @merefield? :thinking:

Tenho certeza que essa é uma tarefa que alguém da comunidade pode pegar? Se você seguir minhas instruções, deve funcionar.