Plugin Località 🌍

Ottimo lavoro Robert @merefield :clap: :partying_face:

Prima:

E dopo:


Anche prima:

E dopo:

Perfetto - grazie :smiley:

1 Mi Piace

Ottimo, grazie mille @merefield :+1: :clap:

Vedi qui, ora è perfetto. Screenshot per la versione desktop:

Ho scelto di dividerlo in una nuova riga. Per il mobile ho modificato un po’ i margini e la dimensione del carattere.

2 Mi Piace

Ho appena notato che sta un po’ rompendo il layout quando ci sono post non letti, anche se non c’è una posizione:

@merefield È possibile mostrare solo <span class="location-after-title"></span> se c’è una posizione?
O ancora meglio, mettere <span class="location-after-title"></span> dopo <span class="topic-post-badges">...</span> che produce le bolle e lo mostra solo quando c’è una posizione?

1 Mi Piace

Sembra un perfezionamento ragionevole. PR benvenuto per il momento finché non ci arrivo.

1 Mi Piace

OK, implementato:

@Roi

3 Mi Piace

@merefield oh fantastico grazie mille! Ho appena aggiornato e ripristinato le modifiche CSS. Finora sembra a posto. Vediamo come appare quando ci sono post non letti. Ti terrò aggiornato. :slight_smile:

2 Mi Piace

Quindi ho ottenuto questo con un componente tema.

Sfortunatamente, al momento questo dovrà essere aggiunto al tuo “Tema scuro” designato e non passerà automaticamente alla “Modalità scura” di un utente.

Tuttavia, è un progresso utile su cui costruire:

: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 Mi Piace

L’ho appena rubato completamente e l’ho implementato sul nostro tema scuro.

Prima:

Dopo:

:star_struck:

Grazie Robert :smiley: :clap:

4 Mi Piace

Prego, tenterò di rendere questo comportamento nativo una volta che avrò la capacità di passare alla modalità scura.

3 Mi Piace

@merefield grazie per aver esaminato la questione! :slight_smile: Ottimo approccio!

Capisco. Quindi a questo punto non posso usarlo. Ho solo un tema e due colori (chiaro e scuro) e uso l’interruttore per passare da chiaro a scuro.

Ma come hai scritto, voglio avere la possibilità di cambiare. Non vedo l’ora. :slight_smile:

Che ne dici di una ricerca geografica per trovare membri nella stessa città?

sarebbe perfetta nella scheda utenti!

Ottima idea ma in parte mitigata dalla mappa Utenti su cui puoi zoomare.

2 Mi Piace

Concordo, i nostri membri aprono semplicemente la mappa e si guardano intorno nella zona in cui vivono per vedere chi altro c’è intorno a loro :blush:

2 Mi Piace

Ciao Robert,

Questa è un’ottima idea! Mi piace. :slightly_smiling_face:

Penso che tu possa ottenerlo con dark-light-choose() personalizzato in 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 poi puoi aggiungerlo a locations.scss o da qualche altra parte…

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

Oh grazie @Don un approccio diverso, ci proverò :+1:

2 Mi Piace

Grazie, è fantastico. :+1:

L’ho appena testato e funziona! :slight_smile: Ho anche provato a ottenerlo con color_definitions.scss qualche giorno fa, ma ho sempre inciampato sulla sintassi in qualche modo…

1 Mi Piace

Ciao

Sono sorpreso dopo l’ultimo aggiornamento :-/

Sarebbe possibile avere un’opzione per non visualizzare la posizione / l’indirizzo che segue il titolo dell’argomento?

Molte grazie per questo plugin!

1 Mi Piace

Questo era il punto della richiesta e della successiva modifica. Ora è uno Span, quindi puoi usare il CSS per fare quello che vuoi :slight_smile:

Prima non era possibile.

Puoi selezionare lo span della posizione e aggiungere display: block;

Questo potrebbe inviarlo alla riga successiva.

Se hai bisogno di aiuto con lo styling, posso suggerire Marketplace?

1 Mi Piace

Ci sono esempi di come farlo esattamente, per favore Robert @merefield? :thinking:

Sono sicuro che sia un compito che qualcuno nella community possa affrontare? Se segui le mie istruzioni, dovrebbe funzionare.