1. Accueil
  2. Base de connaissances
  3. Personnalisation
  4. Déplacer la boîte à filtres sous la carte pour les grandes listes de catégories

Déplacer la boîte à filtres sous la carte pour les grandes listes de catégories

Si vous avez beaucoup de catégories, la boîte de filtre par défaut peut être trop petite. L'extrait CSS suivant déplace la boîte de filtre sous la carte et organise les catégories en plusieurs colonnes pour une meilleure lisibilité.

CSS
.open-user-map .box-wrap .map-wrap .leaflet-map {
  position: relative !important;
}

.open-user-map .box-wrap .map-wrap .oum-filter-controls.active {
  position: relative;
  top: 20px;
  right: auto;
  bottom: auto;
  left: auto;
}

.open-user-map .box-wrap .map-wrap .oum-filter-controls.active .oum-filter-list {
  display: block !important;
  column-count: 3; /* or 2 or 4 depending on how many columns you want */
  column-gap: 2rem;
}

.open-user-map .box-wrap .map-wrap .oum-filter-controls.active .oum-filter-list label {
	break-inside: avoid;
}

Il en résultera une présentation semblable à celle-ci :

Cet article vous a-t-il été utile ?

Articles connexes

Besoin d'aide ?

Vous ne trouvez pas la réponse que vous cherchez ?
Contact Support

FR