https://dev.entrouvert.org/https://dev.entrouvert.org/favicon.ico?15861920342023-02-18T13:43:01ZRedmine Entr’ouvertGadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4451732023-02-18T13:43:01ZFrédéric Pétersfpeters@entrouvert.com
<ul><li><strong>Fichier</strong> <a href="/attachments/74537">0001-general-add-reveal-checkbox-to-password-fields-74652.patch</a> <a class="icon-only icon-download" title="Télécharger" href="/attachments/download/74537/0001-general-add-reveal-checkbox-to-password-fields-74652.patch">0001-general-add-reveal-checkbox-to-password-fields-74652.patch</a> ajouté</li><li><strong>Statut</strong> changé de <i>Nouveau</i> à <i>Solution proposée</i></li><li><strong>Patch proposed</strong> changé de <i>Non</i> à <i>Oui</i></li></ul><p>(la partie css devra être dupliquée dans publik-base-theme, mais voyons d'abord ici).</p> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4452772023-02-20T08:31:20ZThomas Jundtjund@entrouvert.com
<ul></ul><p>Je ne comprends pas l'intérêt de lancer un trigger change au chargement de la page.<br />Nul besoin de sauvegarder l'état du checkbox de visibilité. Il devrait toujours être décoché au chargement d'une page (le choix d'afficher le pass en clair devrait toujours provenir d'une action humaine).</p> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4452832023-02-20T08:34:54ZFrédéric Pétersfpeters@entrouvert.com
<ul></ul><p>Sur un rafraichissement de page type F5, le navigateur peut conserver la case cochée, sans en lancer l'événement.</p> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4453022023-02-20T09:09:30ZThomas Jundtjund@entrouvert.com
<ul></ul><p>Ok, j'ai alors une préférence pour décocher la checkbox si cochée au chargement d'une page, que d'afficher le pass en clair.</p> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4453912023-02-20T12:35:34ZFrédéric Pétersfpeters@entrouvert.com
<ul><li><strong>Fichier</strong> <a href="/attachments/74554">0001-general-add-reveal-checkbox-to-password-fields-74652.patch</a> <a class="icon-only icon-download" title="Télécharger" href="/attachments/download/74554/0001-general-add-reveal-checkbox-to-password-fields-74652.patch">0001-general-add-reveal-checkbox-to-password-fields-74652.patch</a> ajouté</li></ul> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4454542023-02-20T14:38:07ZThomas Jundtjund@entrouvert.com
<ul><li><strong>Statut</strong> changé de <i>Solution proposée</i> à <i>Solution validée</i></li></ul><p>Côté CSS et pour PBT il faudra garantir que le label du champ ne rentre poas en conflit avec la checkbox de visibilité.</p> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4454662023-02-20T14:49:54ZFrédéric Pétersfpeters@entrouvert.com
<ul></ul><p>En conflit ?</p> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4455532023-02-20T17:31:11ZThomas Jundtjund@entrouvert.com
<ul></ul><p>Se superpose.</p> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4455562023-02-20T17:38:23ZFrédéric Pétersfpeters@entrouvert.com
<ul></ul><p>Ok pour moi ça n'arrive pas. Soit page de connexion l'intitulé est "Mot de passe" et ça laisse de la place, même avec deux blocs côte à côte, soit le libellé est plus long, "Confirmation du nouveau mot de passe" mais là on a toute la largeur.</p> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4456002023-02-21T09:23:43ZThomas Jundtjund@entrouvert.com
<ul><li><strong>Fichier</strong> <a href="/attachments/74577">Capture d’écran 2023-02-21 à 10.09.55.png</a> <a class="icon-only icon-download" title="Télécharger" href="/attachments/download/74577/Capture%20d%E2%80%99%C3%A9cran%202023-02-21%20%C3%A0%2010.09.55.png">Capture d’écran 2023-02-21 à 10.09.55.png</a> ajouté</li></ul> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4456012023-02-21T09:23:43ZThomas Jundtjund@entrouvert.com
<ul></ul><p>Techniquement les 2 peuvent se superposer. Et des cas où ça peut arriver existent, comme créer un thème avec un font-size de base de 18 (ex Saumur, MNHN), choisir une font qui chasse un peu plus. L'idéal serait qu'à la création d'un thème on ait pas à se soucier de devoir corriger le layout d'un widget en fonction des choix typos du thème.<br />(Je pose une capture du formulaire de création de compte à 360px et font-size 18px)</p> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4456022023-02-21T09:26:20ZFrédéric Pétersfpeters@entrouvert.com
<ul></ul><p>Ok et donc l'idée serait de poser un padding-right sur le label, pour forcer un retour à la ligne plus tôt ?</p> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4456572023-02-21T11:04:13ZThomas Jundtjund@entrouvert.com
<ul></ul><p>Appliquer un padding au label.<br />Par exemple un padding de 6em.<br />Mais ce padding ne s'adaptera pas à toutes les caracs d'une font. Dans certains cas le padding pourra être trop grand (utilisation d'une font condensed par ex.) ou trop petit.</p>
<p>J'ai alors tenté une solution 2, radicalement différente, à base de grid.<br />Mais le préalable est de décaler le {% block widget-bottom <span>} après le bloc {</span> widget-content %} (Si excluant, back solution padding)</p>
<pre>
<code class="scss syntaxhl"><span class="nc">.gadjo-password-field</span> <span class="p">{</span>
<span class="nl">display</span><span class="p">:</span> <span class="n">grid</span><span class="p">;</span>
<span class="na">grid-template-columns</span><span class="p">:</span> <span class="m">1fr</span> <span class="nb">auto</span><span class="p">;</span>
<span class="nl">align-items</span><span class="p">:</span> <span class="nb">baseline</span><span class="p">;</span>
<span class="nl">column-gap</span><span class="p">:</span> <span class="mi">.7em</span><span class="p">;</span>
<span class="nc">.content</span> <span class="p">{</span>
<span class="na">grid-column-end</span><span class="p">:</span> <span class="n">span</span> <span class="m">2</span><span class="p">;</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nc">.password-visibility-checkbox</span> <span class="p">{</span>
<span class="nl">display</span><span class="p">:</span> <span class="n">flex</span><span class="p">;</span>
<span class="nl">grid-row</span><span class="p">:</span> <span class="m">1</span> <span class="o">/</span> <span class="m">2</span><span class="p">;</span>
<span class="nl">grid-column</span><span class="p">:</span> <span class="m">2</span> <span class="o">/</span> <span class="m">3</span><span class="p">;</span>
<span class="nt">input</span> <span class="p">{</span>
<span class="nl">margin-bottom</span><span class="p">:</span> <span class="m">0</span><span class="p">;</span>
<span class="p">}</span>
<span class="nt">input</span> <span class="o">+</span> <span class="nt">label</span> <span class="p">{</span>
<span class="nl">margin</span><span class="p">:</span> <span class="m">0</span><span class="p">;</span>
<span class="p">}</span>
<span class="p">}</span>
</code><br /></pre> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4456602023-02-21T11:16:27ZFrédéric Pétersfpeters@entrouvert.com
<ul></ul><blockquote>
<p>Mais ce padding ne s'adaptera pas à toutes les caracs d'une font. Dans certains cas le padding pourra être trop grand (utilisation d'une font condensed par ex.) ou trop petit.</p>
</blockquote>
<p>Je préférerais quand même cette petite solution simple; avec un peu de marge au pire ça passe à la ligne un peu trop tôt.</p> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4466352023-02-25T17:16:59ZRobot Gitea
<ul><li><strong>Statut</strong> changé de <i>Solution validée</i> à <i>Solution proposée</i></li></ul><p>Frédéric Péters (fpeters) a ouvert une pull request sur Gitea concernant cette demande :</p>
<ul>
<li>URL : <a class="external" href="https://git.entrouvert.org/entrouvert/gadjo/pulls/4">https://git.entrouvert.org/entrouvert/gadjo/pulls/4</a></li>
<li>Titre : inclure une case à cocher pour afficher en clair le mot de passe (<a class="issue tracker-2 status-5 priority-4 priority-default closed" title="Development: inclure une case à cocher pour afficher en clair le mot de passe (Fermé)" href="https://dev.entrouvert.org/issues/74652">#74652</a>)</li>
<li>Modifications : <a class="external" href="https://git.entrouvert.org/entrouvert/gadjo/pulls/4/files">https://git.entrouvert.org/entrouvert/gadjo/pulls/4/files</a></li>
</ul> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4558832023-04-03T15:24:59ZRobot Gitea
<ul><li><strong>Statut</strong> changé de <i>Solution proposée</i> à <i>Solution validée</i></li></ul><p>Corentin Sechet (csechet) a approuvé une pull request sur Gitea concernant cette demande :</p>
<ul>
<li>URL : <a class="external" href="https://git.entrouvert.org/entrouvert/gadjo/pulls/4">https://git.entrouvert.org/entrouvert/gadjo/pulls/4</a></li>
</ul> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4584282023-04-14T06:06:38ZRobot Gitea
<ul><li><strong>Statut</strong> changé de <i>Solution validée</i> à <i>Résolu (à déployer)</i></li></ul><p>Frédéric Péters (fpeters) a mergé une pull request sur Gitea concernant cette demande :</p>
<ul>
<li>URL : <a class="external" href="https://git.entrouvert.org/entrouvert/gadjo/pulls/4">https://git.entrouvert.org/entrouvert/gadjo/pulls/4</a></li>
<li>Titre : inclure une case à cocher pour afficher en clair le mot de passe (<a class="issue tracker-2 status-5 priority-4 priority-default closed" title="Development: inclure une case à cocher pour afficher en clair le mot de passe (Fermé)" href="https://dev.entrouvert.org/issues/74652">#74652</a>)</li>
<li>Modifications : <a class="external" href="https://git.entrouvert.org/entrouvert/gadjo/pulls/4/files">https://git.entrouvert.org/entrouvert/gadjo/pulls/4/files</a></li>
</ul> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4590332023-04-17T12:15:29ZTransition automatique
<ul><li><strong>Statut</strong> changé de <i>Résolu (à déployer)</i> à <i>Solution déployée</i></li></ul> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4630782023-05-07T14:04:38ZFrédéric Pétersfpeters@entrouvert.com
<ul><li><strong>Lié à</strong> <i><a class="issue tracker-2 status-5 priority-4 priority-default closed" href="/issues/50758">Development #50758</a>: /login/ : switch pour afficher à l’usager le mot de passe saisi en clair avant tentative d’authentification</i> ajouté</li></ul> Gadjo - Development #74652: inclure une case à cocher pour afficher en clair le mot de passehttps://dev.entrouvert.org/issues/74652?journal_id=4721262023-06-18T02:42:01ZTransition automatique
<ul></ul><p>Automatic expiration</p>