Gran trabajo Robert @merefield
![]()
Antes:
Y después:
También antes:
Y después:
Perfecto, ¡muchas gracias! ![]()
Gran trabajo Robert @merefield
![]()
Antes:
Y después:
También antes:
Y después:
Perfecto, ¡muchas gracias! ![]()
Genial, muchas gracias @merefield
![]()
Mira aquí, ahora es perfecto. Captura de pantalla de la versión de escritorio:
Decidí dividirlo en una nueva línea. Para móvil, modifiqué un poco los márgenes y el tamaño de la fuente.
Acabo de notar que está rompiendo un poco el diseño cuando hay publicaciones no leídas, incluso si no hay ubicación:
@merefield ¿Es posible mostrar solo <span class="location-after-title"></span> si hay una ubicación?
O, mejor aún, ¿colocar <span class="location-after-title"></span> después de <span class="topic-post-badges">...</span> que produce las burbujas y también solo mostrarlo cuando hay una ubicación?
Suena como un refinamiento razonable. PR bienvenido por el momento hasta que lo haga.
OK, implementado:
@merefield ¡oh genial, muchas gracias! Acabo de actualizar y revertir los cambios de CSS. Se ve bien hasta ahora. Veamos cómo se ve cuando haya publicaciones sin leer. Te mantendré informado. ![]()
Así que logré esto con un Componente de Tema.
Desafortunadamente, esto tendrá que agregarse a su “Tema Oscuro” designado y no cambiará automáticamente con el “Modo Oscuro” de un usuario.
No obstante, es un progreso útil sobre el cual 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;
}
}
Lo acabo de robar por completo y lo he implementado en nuestro tema oscuro.
Antes:
Después:
![]()
Gracias Robert
![]()
De nada, intentaré que esto sea un comportamiento nativo una vez que tenga la capacidad de cambiar al modo oscuro.
@merefield ¡gracias por investigar!
¡Gran enfoque!
Ya veo. Así que en este momento no puedo usarlo. Solo tengo un tema y dos colores (claro y oscuro) y uso el interruptor para cambiar entre claro y oscuro.
Pero como escribiste, quiero tener una capacidad de cambio. Esperando esto. ![]()
¿Qué tal una búsqueda geográfica para encontrar miembros en la misma ciudad?
¡Sería perfecto en la pestaña de usuarios!
Buena idea pero algo mitigada por el mapa de Usuarios en el que puedes hacer zoom.
De acuerdo, nuestros miembros simplemente abren el mapa y curiosean por el área en la que viven para ver quién más está cerca de ellos ![]()
Hola Robert,
¡Esta es una gran idea! Me encanta. ![]()
Creo que puedes lograrlo con dark-light-choose() personalizado en 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};
}
Y luego puedes agregarlo a locations.scss o a algún otro lugar…
.locations-map {
.leaflet-tile-pane {
filter: var(--map-tiles-filter);
}
.leaflet-marker-shadow {
display: var(--map-marker-shadow-display);
}
}
Ooh, gracias @Don, un enfoque diferente, lo intentaré ![]()
Gracias, esto es genial. ![]()
¡Lo acabo de probar y funciona!
También intenté lograr esto con color_definitions.scss hace unos días, pero siempre me tropecé con la sintaxis de alguna manera…
Hola
Me sorprende después de la última actualización :-/
¿Sería posible tener una opción para no mostrar la ubicación / dirección después del título del tema?
¡Muchas gracias por este plugin!
Ese fue el propósito de la solicitud y el cambio posterior. Ahora es un <span> para que puedas usar CSS para hacer lo que quieras con él ![]()
Antes eso no era posible.
Puedes apuntar al <span> de ubicación y agregar un display: block;
Eso puede enviarlo a la siguiente línea.
Si necesitas a alguien que te ayude con el estilo, ¿puedo sugerir Marketplace?
¿Algún ejemplo de cómo hacer esto exactamente, por favor, Robert @merefield? ![]()
Estoy seguro de que es una tarea que alguien de la comunidad puede asumir. Si sigues mis instrucciones, debería funcionar.