Le menu de droite ne reste pas épinglé an haut

Michel_F · Août 31, 2023, 10:58

Bonjour,

Pour le pugin Klereo en bêta, j’ai utilisé la base de la documentation officielle de Jeedom parce qu’elle me plait bien et pour garder une certaine unité… Bref.

Mon problème est que le menu de droite ne reste pas épinglé en haut. Sur la page Présentation de la doc Jeedom, l’élément div_summary qui contient le menu a la classe pinned :

Dans la doc Klereo, ce n’est pas le cas…

J’ai comparé le script materialize.js qui semble gérer l’ajout et la suppression de cette classe, mais j’ai la même version.
Bizarrement, sur la page changelog, cette classe est présente.
Quand je rajoute la classe dans le fichier _layouts/default.html, le résultat est le même.

Je suis perdu… Quelqu’un veut bien m’expliquer ce qui cloche SVP ?
edit: source ici :

A+
Michel

Phpvarious · Septembre 1, 2023, 5:40

Hello,

J’ai pas testé mais pushpin semble utiliser $('nav').height() et $('nav').height()

github.com

MrWaloo/jeedom-klereo/blob/beta/docs/js/init.js#L153


      
            }
            $(this).addClass('scrollspy');
          });
          $('.scrollspy').scrollSpy();
          
          $('.tocAnchor').off('click').on('click',function(){
            window.location.hash = $(this).attr('href')
          });
          
          setTimeout(function() {
            $('#div_summary').pushpin({top:$('nav').height(),offset:$('nav').height()+10})
          }, 100);
          
          $('#sel_lang').on('change',function(){
            setCookie('lang',$(this).val(),7)
            var url = window.location.href.replace('fr_FR',$(this).val()).replace('en_US',$(this).val()).replace('de_DE',$(this).val());
            window.location.href = url;
          })
          
          $('#sel_theme').on('change',function(){
            setCookie('theme',$(this).val(),7)

Hors cette élément existe pas car tu as volontairement commenté cette partie :

github.com

MrWaloo/jeedom-klereo/blob/beta/docs/_layouts/default.html#L20


      
            <link rel="stylesheet" href="/jeedom-klereo/css/materialize.min.css">
            <link rel="stylesheet" href="/jeedom-klereo/css/font-awesome5/css/all.min.css">
            <link rel="stylesheet" type="text/css" href="/jeedom-klereo/css/lightbox.css">
            <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
            <meta id="meta-lang" http-equiv="Content-Language" content="fr-FR">
            <link rel="icon" href="/jeedom-klereo/favicon.ico" />
          </head>
          <body>
          <!--
            <div class="navbar-fixed hide-on-print">
              <nav>
                <div class="nav-wrapper container">
                  <a href="#" data-target="slide-out" class="top-nav sidenav-trigger waves-effect waves-light circle hide-on-large-only"><i class="material-icons">menu</i></a>
                  <a id="logo-container" href="https://jeedom.github.io/documentations" class="brand-logo center"><img src="/img/logo.png" style="height:50px;margin-top:5px"></a>
                  <ul id="navTopLeft" class="left hide-on-med-and-down" style="position:fixed;left:0px;width:280px;">
                    <li><a href="https://jeedom.github.io/documentations">Jeedom Documentation</a></li>
                  </ul>
                  <ul class="right hide-on-med-and-down">
                    <li><a href="https://www.jeedom.com" target="_blank">Site</a></li>
                    <li><a href="https://blog.jeedom.com" target="_blank">Blog</a></li>
                    <li><a href="https://community.jeedom.com" target="_blank">Community</a></li>

Donc peut-être un début de piste

Michel_F · Septembre 1, 2023, 9:24

Merci pour le début de piste, je vais voir pour quand même utiliser le bandeau de navigation au lieu des listes sur la gauche, peut-être.
Je reviendrai donner des nouvelles

Michel_F · Septembre 1, 2023, 5:05

Tu es un chef !
J’ai décommenté juste la balise nav et l’ai laissée vide, maintenant ça fonctionne.

Merci !

system · Septembre 2, 2023, 5:05

Ce sujet a été automatiquement fermé après 24 heures suivant le dernier commentaire. Aucune réponse n’est permise dorénavant.