Communauté Elgg francophone

Créer un compteAide  
Connexion
Plugins et développement
Partage de plugins et ressources utiles pour le développement

search advanced

Démarré par jmperuchot le 18 janvier 2018 Réponses (7)

bonsoir,

lorsqu'on ouvre les options de recherche (tout utilisateur etc...) le menu deroulant est en dessous des inscriptions de la fenêtre.

comment peut on faire pour voir toutes les options de recherche

 

cordialement

Réponses

  • Florian DANIEL ~ Facyla le 20 janvier 2018

    Bonjour,

    A priori un soucis de CSS... mais faute d'utiliser ce plugin c'est difficile à dire : est-ce que le site est visible ?  ou sinon une copie d'écran + extrait du code peut aider à trouver ce qui coince.

  • jmperuchot le 20 janvier 2018

    le site est https://driving-lovers.fr

    il faut s'inscrire puis aller dans groupe et cliquer sur la flèche à côté de tout et le menu s'ouvre

     

    copie d'écran (ouvrir search advanced.docx, 647.76 K)

     

  • Florian DANIEL ~ Facyla le 20 janvier 2018

    Ça ressemble à un soucis de z-index : en l'occurrence, il y a une règle CSS qui pose problème :

    .elgg-page-header .elgg-search { z-index: 0; }

    Pour corriger, soit il faut supprimer cette règle dans la CSS correspondante, soit la surcharger pour avoir le z-index initial, soit le définir à une autre valeur :

    .elgg-page-header .elgg-search { z-index: initial; }

    ou

    .elgg-page-header .elgg-search { z-index: 1; }

     

  • jmperuchot le 20 janvier 2018

    j'ai modifié le fichier site.php qui contient le css et mis à 100 les z-index sauf ceux que vous m'avez demandé de rajouter mais ça ne change rien .

     

    voici le contenu

    <?php ?>
    .search-advanced-type-selection {
    display: inline-block;
    position: relative;
    }

    .search-advanced-type-selection-dropdown {
    display: none;
    position: absolute;
    top: 18px;
    right: -4px;
    background: white;
    border: 1px solid #71B9F7;
    padding: 10px 20px 10px 10px;
    z-index: 100; /*10jmp*/

    text-align: right;

    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);

    }

    .search-advanced-type-selection > li {
    display: inline;
    position: relative;
    height: 20px;
    }

    .search-advanced-type-selection > li > a {
    padding: 0 5px;
    margin-right: -4px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    background: #71B9F7;
    white-space: nowrap;
    color: white;
    font-weight: bold;
    }

    .search-advanced-type-selection > li > a:after {
    content: "\25BC";
    padding: 0 0 0 2px;
    }

    .search-advanced-type-selection > li > a:hover {
    text-decoration: none;
    }

    .search-advanced-type-selection a {
    color: #333;
    cursor: pointer;

    }
    .search-advanced-type-selection-dropdown a {
    padding: 5px;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    }

    .search-advanced-type-selection-dropdown a:hover {
    background: #4690D6;
    color: white;
    text-decoration: none;
    }

    form.elgg-search {
    position: absolute;/*jmp*/
    border: 1px solid #71B9F7;
    height: 19px;
    z-index: 100; /*1jmp*/
    }

    .elgg-page-header .elgg-search { z-index: initial; }

    .elgg-search input[type="text"].search-input {
    background-position: 210px -934px;
    padding: 0px 26px 0px 4px;
    height: 19px;
    border: none;
    border-left: 1px solid #71B9F7;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    vertical-align: top;
    }

    .elgg-form-search-advanced-search fieldset > div,
    .search-advanced-user-search fieldset > div {
    margin-bottom: 5px;
    }

    .elgg-form-search-advanced-search > fieldset > div label {
    min-width: 130px;
    display: inline-block;
    }

    .elgg-form-search-advanced-search > fieldset > div .elgg-input-text {
    width: 100px;
    margin: 0 10px;
    }

    .elgg-menu-search-list .elgg-child-menu {
    display: none;
    position: absolute;
    right: 0;
    background: white;
    border: 1px solid #CCC;

    z-index: 100;/*1jmp*/

    border-radius: 0 0 3px 3px;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.25);
    }

    .elgg-menu-search-list .elgg-child-menu a {
    padding: 5px 10px;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    }

    .elgg-menu-search-list .elgg-child-menu li.elgg-state-selected a {
    font-weight: bold;
    }
    .elgg-menu-search-list .elgg-child-menu a:hover {
    background-color: #F0F0F0;
    color: #444;
    }

    select.search-advanced-search-types {
    max-width: 100%;
    }
    select.search-advanced-search-types .search-advanced-search-types-parent {
    font-weight: bold;
    font-style: italic;
    }
    select.search-advanced-search-types .search-advanced-search-types-child {
    padding-left: 20px;
    }

  • Florian DANIEL ~ Facyla le 20 janvier 2018

    Normalement il devrait suffire d'ajouter une ligne dans le thème, quitte à forcer un peu :

    .elgg-page-header .elgg-search { z-index: 1 !important; }
  • jmperuchot le 20 janvier 2018

    toujours pareil

  • jmperuchot le 23 janvier 2018

    pour que le menu deroulant passe au dessus de la forme pour la recherche

    dans elgg\mod\easytheme2\views\default\search\css.php

    mettre z-index a 1 il était à 0

    /**********************************
    Search plugin
    ***********************************/
    .elgg-page-header .elgg-search {
    margin-top: 238px;
    margin-bottom: 5px;
    margin-right:5px;
    height: 23px;
    position: absolute;
    right: 0;
    z-index:1;

    }