Ottimo lavoro Robert @merefield
![]()
Prima:
E dopo:
Anche prima:
E dopo:
Perfetto - grazie ![]()
Ottimo, grazie mille @merefield
![]()
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.
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?
Sembra un perfezionamento ragionevole. PR benvenuto per il momento finché non ci arrivo.
OK, implementato:
@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. ![]()
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;
}
}
L’ho appena rubato completamente e l’ho implementato sul nostro tema scuro.
Prima:
Dopo:
![]()
Grazie Robert
![]()
Prego, tenterò di rendere questo comportamento nativo una volta che avrò la capacità di passare alla modalità scura.
@merefield grazie per aver esaminato la questione!
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. ![]()
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.
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 ![]()
Ciao Robert,
Questa è un’ottima idea! Mi piace. ![]()
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);
}
}
Oh grazie @Don un approccio diverso, ci proverò ![]()
Grazie, è fantastico. ![]()
L’ho appena testato e funziona!
Ho anche provato a ottenerlo con color_definitions.scss qualche giorno fa, ma ho sempre inciampato sulla sintassi in qualche modo…
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!
Questo era il punto della richiesta e della successiva modifica. Ora è uno Span, quindi puoi usare il CSS per fare quello che vuoi ![]()
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?
Ci sono esempi di come farlo esattamente, per favore Robert @merefield? ![]()
Sono sicuro che sia un compito che qualcuno nella community possa affrontare? Se segui le mie istruzioni, dovrebbe funzionare.