Quelques corrections

[Leboubou111]

Quelques corrections

[aspangaro]

Je vais essayer ça, merci pour le travail.

[Leboubou111]

Quelque correction encore avec le menu fixé à gauche (j'ai eu un peu de temps) :
Ca fixe aussi le menu top en une ligne sur mobile (scroll vertical)
Je pense qu'on peut encore l'améliorer.
Je vais voir pour supprimer les titres sous les icones dans le top menu en mobile --> avec du JS

/* ============================================================================== */
/* ADAPTATION PAR D.COUDRAY PROSERV (https://proserv.fr)                          */
/* ============================================================================== */

.box-flex-item > .info-box > .info-box-content > .info-box-title {
    margin-bottom: 5px;
}


.user-footer a.button-top-menu-dropdown {
    padding: 1em !important;
    height: max-content !important;
    line-height: 1;
}
.user-footer a.button-top-menu-dropdown:hover {
    background-color: #666666;
}


.butAction:hover,
.liste_titre.button_search,
.liste_titre.button_removefilter {
    color: white;
}
a.butActionDelete:hover,
span.butActionDelete:hover {
    color: white;
    background-color: #f07b6e;
}




table.noborder table.nobordernopadding td:first-child {
    padding-left: 0 !important;
}


/* ATTENTION : UNE VARIABLE COULEUR EXISTE POUR LES TAB EN HOVER ? */
a.tab:hover, a.tab:focus {
    background-color: rgba(0,0,0, .7);
    color: white;
}

a.tab.tabunactive.inline-block {
    -webkit-box-shadow: 0 -2px 10px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 -2px 10px -5px rgba(0, 0, 0, 0.4);
}
a.tab.tabactive.inline-block {
    -webkit-box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.4);
}

tr.liste_titre>th>a {
    vertical-align: unset;
    color: white !important;
}
.info-box-text>span {
    vertical-align: unset;
}

.boxstats {
    height: 65px;
}

.tabs .badge {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/*
td.titlefield,
tr.nohover td,
tr.impair td.nohover,
table.tableforfield tr>td:first-of-type {
    background-color: #fbfbfb !important;
} */

td.titlefield,
tr.nohover td,
tr.impair td.nohover,
table.tableforfield tr>td:first-of-type,
.noborder > tbody > tr:nth-child(even):not(.liste_titre),
.liste > tbody > tr:nth-child(even):not(.liste_titre),
div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright):not(.ficheaddleft) > .border > tbody > tr:nth-of-type(even):not(.liste_titre),
.liste > tbody > tr:nth-of-type(even):not(.liste_titre),
div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright):not(.ficheaddleft) .oddeven.tagtr:nth-of-type(even):not(.liste_titre),
.noborder > tbody > tr:nth-child(even):not(:last-child) td:not(.liste_titre),
.liste > tbody > tr:nth-child(even):not(:last-child) td:not(.liste_titre),
.noborder .oddeven.tagtr:nth-child(even):not(:last-child) .tagtd:not(.liste_titre)
.liste > tbody > tr:nth-of-type(even):not(.liste_titre) {
    background: #f8f8f8 !important;
}

.paddingright {
    padding-right: 6px;
}

#id-right {
    width: 100vw;
}

@media (min-width:981px) {
    #mainmenutd_companylogo {
        width: 230px;
    }
    .menulogocontainer {
        height: 48px;
        max-width: inherit;
        margin: 3px;
    }
    .menulogocontainer>a>img {
        height: 48px !important;
        max-width: inherit !important;
        width: auto !important;
    }
}
@media (max-width:980px) {
    #mainmenutd_companylogo,
    .login_block_other,
    .login-dropdown-a>span.atoploginusername {
        display: none !important;
    }
    div#tmenu_tooltip, #tmenu_tooltipinvert {
        padding-right: 49px;
    }
    .blockvmenusearch a:link, .blockvmenusearch a:visited, .blockvmenusearch a:active,
    a.vmenu:link, a.vmenu:visited, a.vmenu:hover, a.vmenu:active, span.vmenu,
    .sec-nav .sec-nav__link {
        font-size: 14px;
    }
}


/****************************
*                           *
*        MENU GAUCHE        *
*                           *
****************************/
/* Correction Erreurs */
div.vmenu {
    min-height: 100%;
}
div#tmenu_tooltip {
    z-index: 97;
}
@media (max-width:1024px) {
    div.vmenu {
        max-width: 230px;
    }
}

/* Fix que sur Desktop */
@media (min-width:768px) {
    #id-left {
        position: fixed;
    }
    #id-right {
        padding-left: 245px;
    }
}

/* Hauteur et scroll */
#id-left {
    height: 100vh;
    overflow: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
}
#id-left::-webkit-scrollbar {
    display: none;
}

/* Couleurs */
#mainbody .sec-nav__sub-list .item-level2>a>span {
    border-left-color: #0083A2;  /* ATTENTION : PRENDRE LES VARIABLES COULEURS */
}
#mainbody .sec-nav__sub-list {
    background-color: #0083A220;  /* ATTENTION : PRENDRE LES VARIABLES COULEURS - On peut rajouter "20" après la variable */
}

#mainbody .sec-nav__sub-list .item-level2 {
    padding-left: 1.5em;
}




/****************************
*                           *
*         MENU HAUT         *
*                           *
****************************/
@media (max-width:767px) {
    ul.tmenu.main-nav__list {
        display: inline-flex;
        padding-right: 45px !important;
        -webkit-overflow-scrolling: touch;
    }
    ul.tmenu.main-nav__list::-webkit-scrollbar {
        display: none;
    }
}
/* Corrections Erreur */
div.login_block {
    height: max-content !important;
}
@media (max-width:) {

}

#tmenu_tooltip li.tmenu.main-nav__item.tmenusel.is-sel:not(#mainmenutd_companylogo) {
    background-color: #0083A2;  /* ATTENTION : PRENDRE LES VARIABLES COULEURS */
}


.menu_contenu>.blockvmenu>li.is-disabled,
.tmenudiv>.tmenu>li.is-disabled {
    display: none;
}



/****************************
*                           *
*     PHOTO SUR FICHES      *
*                           *
****************************/
@media (max-width:500px) {
    .tabBar .photoref {
        width: 130px;
        height: auto;
        text-align: center;
    }
    .tabBar .photoref img.photo {
        width: auto !important;
        height: max-content !important;
        max-height: 70px !important;
    }
    .fiche>.tabBar>.arearef.centpercent .inline-block.floatleft.valignmiddle.refid.refidpadding {
        width: 100%;
    }
    .pagination.paginationref>.right>.noborder.litext {
        margin-left: 5px !important;
    }
}


.backgroundforcompanylogo {
    background-color: transparent;
}

[Leboubou111]

Juste une question : Comment fais-tu appel à un fichier JS dans ton code ?
Je ne vois que les require __DIR__ . pour le chargement des fichiers CSS

[Leboubou111]

Bon j'ai vu que c'est entré en "variable/option" depuis la commande $this->module_parts du fichier modOblyon.class.php dans la table const de BDD à l'activation du plugin.

[Leboubou111]

Bonjour Alexandre,
Tu as mergé les modifications CSS apportées ?