Sidr : Menu de côté Responsive - comments Sidr : Menu de côté Responsive 2019-04-04T19:07:17Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment500704 2019-04-04T19:07:17Z <p>Bon, j'ai trouvé une issue là dessus finalement <a href="https://github.com/artberri/sidr/issues/307" class="spip_url spip_out auto" rel="nofollow external">https://github.com/artberri/sidr/issues/307</a> (elle date de 2016 !) mais elle n'a pas eu de réponse de la part des développeurs.</p> <p>En fait, les développeurs ne répondent pas aux questions, ni sur Github, ni sur Stackoverflow. La dernière release date de fev 2016 et la V3 (et le dernier commit) date de déc 2017 mais n'est toujours pas releasée,</p> <p>M'est d'avis que qu'il n'y aura pas de nouvelle release (ni de commit) de ce script et que donc, il restera moyennement compatible avec Firefox. <br class="autobr" /> Ça sent le sapin tout ça, malheureusement...</p> <p>Donc à voir si tu souhaites intégrer la V3 pour une meilleure compatibilité, même si pas releasée...</p> Sidr : Menu de côté Responsive 2019-04-04T17:38:05Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment500703 2019-04-04T17:38:05Z <p>Bonjour,</p> <p>Il me semble que c'est quelque chose à faire remonter sur <a href="https://github.com/artberri/sidr/issues" class="spip_url spip_out auto" rel="nofollow external">https://github.com/artberri/sidr/issues</a></p> <p>Sachant que le plugin est sur la dernière release officielle :<br class="autobr" /> <a href="https://github.com/artberri/sidr/releases" class="spip_url spip_out auto" rel="nofollow external">https://github.com/artberri/sidr/releases</a></p> Sidr : Menu de côté Responsive 2019-04-04T12:08:25Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment500699 2019-04-04T12:08:25Z <p>Salut,</p> <p>en testant le plugin sur Firefox (66.0. sur ordi / 67.0 sur mobile), un click sur le bouton déclenche bien l'affichage du menu Sidr mais ce bouton disparait sous le menu (= il n'est pas décalé comme le reste du contenu de la page). Le survol de certains éléments (menu déroulant, certains liens...) fait également apparaitre le bouton.<br class="autobr" /> Par contre, si une fois le menu Sidr ouvert, on passe sur un des liens de ce menu, le bouton apparait bien. Attention, ce n'est pas facile a tester car, quand le menu apparait, il vient se mettre sous la souris :)<br class="autobr" /> Ce bug n'est pas présent sur Chrome.</p> <p>J'ai parcouru stackoverflow et le git du projet, mais je n'ai rien trouvé là dessus...</p> <p>En mettant à jour le js et le css avec la V3 sur script, j'ai moins de soucis : le bouton est bien décalé sur Firefox la plupart du temps, mais pas à chaque fois.</p> Sidr : Menu de côté Responsive 2018-10-08T20:49:02Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment498427 2018-10-08T20:49:02Z <p>Le div, tu l'ajoutes dans ton header (juste après le <code><div class="clearfix header"></code>).</p> <p>Le script au dessus de la définition de ton menu.</p> <p>Le CSS, dans ton perso.css<br class="autobr" /> (vérifies bien que le nom de ton menu est bien #menuhaut, sinon remplace le.)<br class="autobr" /> <i>exemple mon menu est dans le .aside, et c'est la seule chose dans le aside, j'ai mis à la place</i></p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="css"><code><span class="re1">.aside</span> <span class="br0">&#123;</span> <span class="kw1">display</span><span class="sy0">:</span> <span class="kw2">none</span><span class="sy0">;</span> <span class="br0">&#125;</span> <span class="re1">.wrapper</span> <span class="br0">&#123;</span><span class="kw1">width</span><span class="sy0">:</span> <span class="re3">100%</span><span class="sy0">;</span><span class="br0">&#125;</span></code></pre></div> Sidr : Menu de côté Responsive 2018-03-27T09:47:53Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment496449 2018-03-27T09:47:53Z <p>Bonjour,</p> <p>Je débute et je ne sais pas où ajouter le script et le css.<br class="autobr" /> J'ai essayé après le div à ajouter juste avant le div du menu existant mais rien. (vidage du cache inclus)</p> Sidr : Menu de côté Responsive 2018-02-28T12:36:26Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment496083 2018-02-28T12:36:26Z <p>Pour éviter le préfixage, il y a une <a href="https://www.berriart.com/sidr/#documentation" class="spip_out" rel='nofollow external'>option <code>renaming</code></a> de la lib Sidr qui évite le renommage des classes ET des IDs.<br class="autobr" /> Cette option peut être implémentée dans la config du plugin.</p> <p>Le problème est que cette option à <code>false</code> évite le renommage aussi des IDs, qui passent alors en doublon. C'est un <a href="https://github.com/artberri/sidr/issues/86" class="spip_out" rel='nofollow external'>pb de fonctionnalité de la lib Sidr</a> que je discute en ce moment.</p> Sidr : Menu de côté Responsive 2018-02-27T22:08:27Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment496076 2018-02-27T22:08:27Z <p>OK.<br class="autobr" /> Donc j'ai <br />- créé un fichier jquery.sidr.virgin.css, <br />- modifié formulaires/configurer_sidr.htm en ajoutant en ligne 29 :</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code><option value="virgin"[(#ENV{skin}|=={virgin}|oui)selected="selected"]><:sidr:label_choix_skin_virgin:></option></code></pre></div> <p>Le css contiendrait seulement :</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code>.sidr { display: block; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: hidden; overflow-y: auto; /* j'hésite à laisser ces 2 lignes au minimum background: #333; color: #fff; */ } .sidr.right { left: auto; right: -260px; } .sidr.left { left: -260px; right: auto; } .sidr ul { display: block; } .sidr ul li { display: block; }</code></pre></div> <p>Il reste à créer la chaine de langue pour l'habillage.</p> Sidr : Menu de côté Responsive 2018-02-27T21:57:22Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment496075 2018-02-27T21:57:22Z <p>Bonjour,</p> <p>Le comportement CSS et JS de ce plugin ne sont pas de mon fait, mais juste fournis par le script original.</p> <p>Donc :</p> <ol class="spip"><li> Tu peux faire les ajouts que tu souhaites</li><li> Il ne faut pas que ça modifie le comportement par défaut du plugin</li><li> Ce serait une bonne chose que tes ajouts se paramètres via la CFG du plugin</li></ol> <p>Merci</p> Sidr : Menu de côté Responsive 2018-02-27T20:55:52Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment496073 2018-02-27T20:55:52Z <p>Bonjour,</p> <p>2 requêtes d'évolution sur ce plugin :</p> <ol class="spip"><li> Il y a en configuration le choix entre 2 habillages «Sombre» et «Clair» qui imposent des couleurs, polices, hauteurs. <br class="manualbr" />Je propose un autre <strong>modèle d'habillage “Vierge”</strong> qui ne contient aucune couleur ou autre mise en forme dans la feuille de style, juste le minimum de largeur du volet pour le déployer/masquer. Car certains styles sont difficiles à surcharger.</li><li> Le menu cible qui passe en sidr est obtenu par duplication, et toutes les classes sont préfixées par <code>sidr-class-</code>, les id par <code>sidr-id-</code>. Que les id soient préfixés, d'accord car ils doivent être uniques, mais préfixer les classes est parfois gênant : si l'on veut harmoniser la charte graphique avec le menu d'origine, il faut : <ul class="spip"><li> ou dupliquer tous les styles avec préfixe sidr-,</li><li> ou supprimer ces préfixes par jquery (ce que je fais pour l'instant).<br class="manualbr" />Serait-il donc possible que le<strong> préfixage des classes ne soit effectué que sur activation d'une option du plugin</strong> ?</li></ul></li></ol> <p>A moins que quelqu'un très à l'aise sur le développement de ce plugin ne puisse le faire rapidement, je creuse pour faire les modifs et créer une 1.5.0.</p> <p>Merci</p> Sidr : Menu de côté Responsive 2018-01-10T13:43:20Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment495278 2018-01-10T13:43:20Z <p>Il semblerait que si l'on configure « Désignez le menu source à rendre responsive. (Sélecteur CSS) » avec un id posé directement sur le <code><ul></code> du menu, le <code><ul></code> ne soit pas repris dans le menu sidr, en résultant des <code><li></code> directement dans un <code><div></code>.</p> <p>Si l'on configure le sélecteur avec un id sur un <code><div></code> qui englobe le <code><ul></code>, ça fonctionne correctement.</p> Sidr : Menu de côté Responsive 2018-01-10T13:36:58Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment495275 2018-01-10T13:36:58Z <p>Bonjour,</p> <p>Il semblerait que si l'on configure “Désignez le menu source à rendre responsive. (Sélecteur CSS)” avec un id posé directement sur le</p> <ul> du menu, le <ul> ne soit pas repris dans le menu sidr, en résultant des <li> directement dans un <div>. <p>Si l'on configure le sélecteur avec un id sur un</p> <div> qui englobe le <ul>, ça fonctionne correctement.</ul></div></div></li></ul></ul> Sidr : Menu de côté Responsive 2017-11-05T22:03:05Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment494229 2017-11-05T22:03:05Z <p>En CSS, avec position: fixed</p> Sidr : Menu de côté Responsive 2017-10-30T10:24:38Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment494116 2017-10-30T10:24:38Z <p>Bonjour,<br class="autobr" /> Il semble en effet que ce plugin soit en fonction sur contrib.spip.net, mais avec une particularité : le menu hamburger reste affiché quel que soit le scrolling, dans le coin en haut à gauche.<br class="autobr" /> Quelqu'un saurait-il comment parvenir à cet effet ?<br class="autobr" /> Merci<br class="autobr" /> Christophe</p> Sidr : Menu de côté Responsive 2017-07-17T19:41:03Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment492900 2017-07-17T19:41:03Z <p>1.4.0 testé sur un Spip 3.0.26 sur Firefox Desktop et Android : ça a l'air OK.</p> Sidr : Menu de côté Responsive 2017-07-17T15:21:31Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment492898 2017-07-17T15:21:31Z <p>Question bête: si ce n'est plus compatible, n'est-ce pas à cause d'un changement de version de jquery d'un SPIP à l'autre? Du coup ne faudrait-il pas tester sur les anciennes versions de SPIP si 105357 ne casse pas les choses, et, le cas échéant, créer des branches par version de SPIP?</p> Sidr : Menu de côté Responsive 2017-07-17T15:16:18Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment492897 2017-07-17T15:16:18Z <p>Merci du signalement.<br class="autobr" /> La version 1.4.0 intègre la dernière version de la lib : <a href="https://zone.spip.org/trac/spip-zone/changeset/105357" class="spip_url spip_out auto" rel="nofollow external">https://zone.spip.org/trac/spip-zone/changeset/105357</a></p> Sidr : Menu de côté Responsive 2017-07-17T14:26:38Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment492894 2017-07-17T14:26:38Z <p>Bonjour,</p> <p>Depuis quelque temps, le menu sidr ne fonctionnait plus en desktop (alors qu'il y fonctionnait il y a 1 an), seulement sur mobile. J'ai cherché sans solution, jusqu'à ce que j'installe la dernière librairie sidr 2016... et ça marche à nouveau ! <br class="autobr" /> Celle du plugin semble de 2013. Peut-être mettre à jour le plugin avec la dernière lib ?<br class="autobr" /> Merci</p> Sidr : Menu de côté Responsive 2017-06-06T12:14:49Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment492453 2017-06-06T12:14:49Z <p>bonjour,</p> <p>j'ai suivi la documentation de 'SIDR' mais je me trouve avec un lien 'menu de navigation' <br class="autobr" /> vide . je voudrais savoir comment intégrer mon menu dans le menu SIDR dedans et dans quel fichier se trouve le contenu de ce menu 'SIDR' .</p> <p>j'utilise spip 3.1</p> <p>marci d'avance</p> Sidr : Menu de côté Responsive 2016-09-22T18:13:17Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment489100 2016-09-22T18:13:17Z <p>Gagné, merci bcp !!!</p> Sidr : Menu de côté Responsive 2016-09-22T17:55:41Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment489099 2016-09-22T17:55:41Z <p>En auscultant le code de ta page (sous Firefox click droit > examiner l'élément) tu dois pouvoir t"en tirer en ajoutant dans ton fichier css perso :</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code>.sidr ul li { text-align: left;}</code></pre></div> <p>dd</p> Sidr : Menu de côté Responsive 2016-09-22T16:15:23Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment489097 2016-09-22T16:15:23Z <p>Bonjour, <br class="autobr" /> d'abord merci pour ce plugin bien utile !<br class="autobr" /> Je viens de l'utiliser pour la première fois et j'ai réussi à l'adapter à mon site sur lequel je développe la responsivité de différents médias pour SPIP2.1 : il fonctionne parfaitement à un petit détail près ...<br class="autobr" /> Les items de menu du volet vertical restent obstinément centrés, je n'ai pas trouvé comment les aligner à gauche.<br class="autobr" /> Le descriptif de ma mise en place du plugin sidr et des codes html et css sont ici:<br class="autobr" /> <a href="http://www.fat78.net/spip.php?article23" class="spip_url spip_out auto" rel="nofollow external">http://www.fat78.net/spip.php?article23</a><br class="autobr" /> (réduire la fenêtre du navigateur à moins de 800 px de large pour faire apparaitre le bouton &equiv; du volet)<br class="autobr" /> Si qqun peut m'aider, merci d'avance</p> Sidr : Menu de côté Responsive 2016-04-11T12:38:33Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment486982 2016-04-11T12:38:33Z <p>Petite imperfection sur le plugin coté JS.</p> <p>Lorsque le menu est ouvert en version réduite (mobile), et que l'on agrandi la fenêtre, L'élément « left » dans le body reste effectif. Il faudrait modifier le JS ou forcer le style CSS pour tenir compte de cette éventualité de parcours.</p> <p>Merci.</p> Sidr : Menu de côté Responsive 2016-04-11T12:37:36Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment486981 2016-04-11T12:37:36Z <p>Petite imperfection sur le plugin coté JS.</p> <p>Lorsque le menu est ouvert en version réduite (mobile), et que l'on agrandi la fenêtre, L'élément “left” dans le body reste effectif. Il faudrait modifier le JS ou forcer le style CSS pour tenir compte de cette éventualité de parcours.</p> <p>Merci.</p> Sidr : Menu de côté Responsive 2016-02-17T11:52:38Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment485978 2016-02-17T11:52:38Z <p>Quelques CSS qui peuvent aider, sous Bootstrap 3, testé avec SpipR-Dist :</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code>/* Repositionnement du bouton menu à gauche près du menu Responsive */ @media screen and (max-width: 767px) { .navbar-responsive { position: absolute; right: auto; left: 0; width: auto; } .navbar-responsive .navbar-inner { margin: 0; } .navbar-toggle { float: none; margin: 1em 0; } .collapse.in, .navbar-collapse { display: none; } #header { padding-left: 40px; } } /* Sidr : indentation multi-niveaux sur menu Responsive */ .sidr ul li ul { margin: 0 0 0 1em; } /* Sidr : transforme le symbole Menu (3 traits) en croiX */ body.sidr-open #nav .menu-conteneur a.btn > .icon-bar { transform-origin: 25% 50% 0; transform: rotate(45deg); height: 3px; transition: rotate 3s; } body.sidr-open #nav .menu-conteneur a.btn > .icon-bar + .icon-bar { transform: rotate(-45deg); height: 3px; } body.sidr-open #nav .menu-conteneur a.btn > .icon-bar + .icon-bar + .icon-bar { display: none; }</code></pre></div> <p>A affiner très probablement...</p> Sidr : Menu de côté Responsive 2016-02-17T09:42:48Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment485970 2016-02-17T09:42:48Z <p>Bonjour, <br class="autobr" /> Je viens de modifier le plugin (v1.3.0) pour pouvoir paramétrer le bouton d'appel : au lieu d'insérer un div spécifique <code>#responsive-menu-button</code>, il suffit dans la config de désigner une zone existante.</p> <p>Donc avec le plugin Menus et Bootstrap, il suffit de désigner <code>#nav .btn</code></p> <p>Je rajouterais bien quelques styles à ce plugin : <br />- indentation multi-niveaux <br />- changement de l'aspect du bouton Bootstrap <br />- supprimer quelques effets colorés illisibles, <br />- ...</p> <p>Le CSS inclus est-il celui du plugin JQuery d'origine, ou bien peut-il être modifié pour le plugin Spip ?</p> <p>Merci</p> Sidr : Menu de côté Responsive 2015-10-24T16:30:14Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment484206 2015-10-24T16:30:14Z <p>Bon finalement j'ai réussi en prenant les codes et fichier de <a href="http://www.berriart.com/sidr/" class="spip_url spip_out auto" rel="nofollow external">http://www.berriart.com/sidr/</a> (et donc sans le plugin).</p> <p>C'est chouette ce menu, on peut y ajouter des éléments du site juste en y indiquant sa classe CSS</p> <p>dd</p> Sidr : Menu de côté Responsive 2015-10-14T12:59:28Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment484067 2015-10-14T12:59:28Z <p>Bonjour,</p> <p>J'ai essayé avec le plugin Menus, avec simple installation et configuration de l'id à #nav : ça ne marchait pas.</p> <p>En cherchant, il semble que le plugin ne place pas automatiquement le div</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code><div id="mobile-header"> <a id="responsive-menu-button" href="#sidr-main"> <span>Menu de navigation</span> </a> </div></code></pre></div> <p>Il faut absolument le placer dans le squelette de la page, même sans les personnalisations permises par mes_options.</p> <p>Donc pour être clair, je crois qu'il faut dans cet article déplacer la description du DIV avant le paragraphe de personnalisation.</p> Sidr : Menu de côté Responsive 2015-10-08T10:17:54Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment483981 2015-10-08T10:17:54Z <blockquote class="spip"> <p>Est-ce que ce plugin fonctionne sans soyez créateur ?</p> </blockquote> <p>Il semblerait que oui, puisqu'il est, semble-t-il, en fonction sur contrib.spip.net lorsqu'on est sur un smartphone.</p> Sidr : Menu de côté Responsive 2015-09-30T22:24:54Z https://files.spip.org/Sidr-Menu-de-cote-Responsive-4391#comment483863 2015-09-30T22:24:54Z <p>Bonjour,</p> <p>Est-ce que ce plugin fonctionne sans soyez créateur ? <br class="autobr" /> J'ai bien le lien “menu” qui fait apparaitre au clic le menu latéral mais pas le hamburger.</p> <p>merci<br class="autobr" /> dd</p>