/* ========================================================================== DRIVAT - panneau de filtres par categorie Chargee par drivat/selects.php, apres les feuilles du theme. Deux choses, et rien d'autre : 1. le cadre d'un filtre ne rogne pas ce qui s'ouvre dedans ; 2. le menu pose sur le passe au-dessus de l'en-tete colle. ========================================================================== */ /* 1. Ceinture et bretelles. Le correctif principal est dans js/drivat-selects.js : le menu de bootstrap-select est dessine sur le , donc hors d'atteinte de tout overflow. Ces quelques lignes couvrent le cas ou le script ne s'appliquerait pas - navigateur sans JavaScript, ou liste habillee autrement. Aucun de ces quatre conteneurs n'a besoin de rogner quoi que ce soit : ils empilent des champs les uns sous les autres. */ .custom-search-fields-container, .custom-search-group, .custom-search-group-content, .custom-search-field-wrapper, .custom-fields-panel, .custom-fields-panel .custom-search-field-wrapper { overflow: visible !important; } /* 2. Le menu voyage sur le : il doit passer devant l'en-tete colle et devant les panneaux de la barre de recherche. Le theme lui donne 1060, ce qui ne suffit pas partout sur Drivat. On ne touche qu'au mode portail (.bs-container), jamais aux listes restees dans leur champ. */ .bootstrap-select.btn-group.bs-container { z-index: 100000; } .bootstrap-select.btn-group.bs-container .dropdown-menu { z-index: 100000 !important; } /* Une liste de dix lignes et plus defile dans son propre menu plutot que de courir jusqu'en bas de l'ecran - Listeo pose deja data-size="10", on borne la hauteur pour les cas ou l'attribut manque. */ .bootstrap-select.btn-group.bs-container .dropdown-menu.inner { max-height: 340px; overflow-y: auto; }