Remettre le BBCode en position fixe

phpboost 6 Hackodrome

babsolune Membre non connecté

Equipe Développement Administrateur

Le 05/12/2022 à 11h48

#168082

porter le fichier

templates
+__default__
++js_bottom.tpl

dans le thème

templates
+Nom_Du_Theme
++js_bottom.tpl

et remplacer l'appel du plugin de la bbcode sidebar :

<script src="{PATH_TO_ROOT}/templates/__default__/plugins/bbcode-sidebar# IF C_CSS_CACHE_ENABLED #.min# ENDIF #.js"></script>

par

<script src="{PATH_TO_ROOT}/templates/{THEME}/modules/BBCode/bbcode-sidebar.js"></script>

Porter le fichier bbcode.css du module BBCode dans le thème et y ajouter 1 fichier bbcode-sidebar.js vide

templates
+Nom_Du_Theme
++modules
+++BBCode
++++bbcode-sidebar.js.tpl
++++bbcode.css

bbcode.css :

// Remplacer 
.bbcode-bar {
    display: table;
    position: absolute;
    top: 0.809em;
    right: -1.1618em;
    width: 0;
}
... par
.bbcode-bar {
    position: relative;
}
// Dans
.bbcode-groups {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-color: var(--bdr-main);
    background-color: var(--bgc-main);
}
... ajouter
display: flex;
justify-content: center;
// Dans
.bbcode-group > ul {
    position: absolute;
    top: 50%;
    right: calc(100% + 1px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    width: 12.28em;
    background-color: var(--bgc-main);
}
... modifier
top: 100%;
width: 5em;
... ajouter
left: -50%;
... supprimer
right: calc(100% + 1px);
// Dans
.bbcode-group.bbcode-sub > ul {
    top: 0;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s
}
... modifier
top: 100%;

bbcode-sidebar.js :

// ajouter
    jQuery('.bbcode-group-title, .close-bbcode-sub').each(function() {
        var mainButtonParent = jQuery(this).closest('.bbcode-group');
        jQuery(this).on('click', function() {
            mainButtonParent.toggleClass('bbcode-sub');
            if(mainButtonParent.siblings().hasClass('bbcode-sub')) 
                mainButtonParent.siblings().removeClass('bbcode-sub');
        });
    });