Projet

Général

Profil

Development #14830

rajouter les styles pour le menu "sandwich"

Ajouté par Serghei Mihai (congés, retour 15/05) il y a plus de 7 ans. Mis à jour il y a environ 7 ans.

Statut:
Fermé
Priorité:
Haut
Version cible:
-
Début:
31 janvier 2017
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:

Fichiers

0001-styles-for-sandwich-menu-14830.patch (1,34 ko) 0001-styles-for-sandwich-menu-14830.patch Serghei Mihai (congés, retour 15/05), 31 janvier 2017 12:04
0001-styles-js-for-sandwich-menu-14830.patch (1,92 ko) 0001-styles-js-for-sandwich-menu-14830.patch Serghei Mihai (congés, retour 15/05), 31 janvier 2017 15:03
0001-add-support-for-extra-actions-in-sandwich-menu-14830.patch (2,24 ko) 0001-add-support-for-extra-actions-in-sandwich-menu-14830.patch Serghei Mihai (congés, retour 15/05), 31 janvier 2017 16:30
Capture d’écran 2017-02-07 à 14.56.41.png (42 ko) Capture d’écran 2017-02-07 à 14.56.41.png Frédéric Péters, 07 février 2017 14:56
0001-add-support-for-extra-actions-in-sandwich-menu-14830.patch (2,32 ko) 0001-add-support-for-extra-actions-in-sandwich-menu-14830.patch Serghei Mihai (congés, retour 15/05), 07 février 2017 17:08
Screenshot_2017-02-07_17-09-01.png (52,8 ko) Screenshot_2017-02-07_17-09-01.png Serghei Mihai (congés, retour 15/05), 07 février 2017 17:09
combo_Screenshot_2017-02-07_17-20-21.png (56,2 ko) combo_Screenshot_2017-02-07_17-20-21.png Serghei Mihai (congés, retour 15/05), 07 février 2017 17:20
gadjo-kebab.png (11,1 ko) gadjo-kebab.png Frédéric Péters, 12 février 2017 13:29
0001-add-support-for-extra-actions-in-sandwich-menu-14830.patch (2,35 ko) 0001-add-support-for-extra-actions-in-sandwich-menu-14830.patch Frédéric Péters, 12 février 2017 13:29

Demandes liées

Lié à Corbo - Development #14010: Possibilité d'abonner à une categorie à partir d'une liste d'adresses email fournie dans un CSVFermé17 novembre 201615 février 2017

Actions
Lié à Combo - Development #14837: redefinir les styles du menu "sandwich" dans le backofficeFermé31 janvier 2017

Actions

Révisions associées

Révision 7ebb0031 (diff)
Ajouté par Serghei Mihai (congés, retour 15/05) il y a environ 7 ans

add support for extra actions in 'sandwich' menu (#14830)

The menu should be a list with "extra-actions-menu" class and the
toggler a link with class "extra-actions-menu-opener".

For example:

<a class="extra-actions-menu-opener"></a>
<ul class="extra-actions-menu">
...
</ul>

Historique

#1

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 7 ans

  • Lié à Development #14010: Possibilité d'abonner à une categorie à partir d'une liste d'adresses email fournie dans un CSV ajouté
#2

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 7 ans

#3

Mis à jour par Frédéric Péters il y a plus de 7 ans

Il manque la part de js pour rendre ça opérationnel; ce qui m'amène aussi à penser qu'il ne faut pas mettre les mêmes classes que dans combo parce que sinon on fait se trouver avec deux .toggle() exécutés lors du clic.

Je propose de taper comme classes extra-actions-menu et extra-actions-menu-opener. Il faudrait aussi que le menu soit caché par défaut (c'est fait avec un attribut style dans combo, pas top).

#5

Mis à jour par Frédéric Péters il y a plus de 7 ans

"styles js for "sandwich" menu" pas top du tout ce message.

J'imagine plutôt quelque chose façon « add support for a 'sandwich' menu for extra actions » (qui serait même idéalement étendu par une description longue reprenant le markup attendu).

#6

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 7 ans

  • Fichier 0001-styles-js-for-sandwich-menu-14830.patch ajouté
#7

Mis à jour par Frédéric Péters il y a plus de 7 ans

[...]

#8

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 7 ans

  • Fichier 0001-styles-js-for-sandwich-menu-14830.patch supprimé
#10

Mis à jour par Frédéric Péters il y a environ 7 ans

À jouer un peu, j'en profiterais pour faire mieux que ce qu'il y a dans combo, ne pas détourner de caractère ☰, ne rien mettre à la place dans le markup, mais utiliser FontAwesome ainsi :

.menu-opener::before {
    content: "\f142";
    font-family: FontAwesome;
    font-size: 140%;
    padding: 0 0.1ex 0 1ex;
}
#12

Mis à jour par Frédéric Péters il y a environ 7 ans

Faudra faire d'autres trucs, le menu ouvert avec un seul élément c'est vraiment pas terrible. (mais bon, peut-être plus tard)

#13

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a environ 7 ans

Voici l'exemple sur Combo, avec plusieurs elements.

#14

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a environ 7 ans

  • Lié à Development #14837: redefinir les styles du menu "sandwich" dans le backoffice ajouté
#15

Mis à jour par Frédéric Péters il y a environ 7 ans

Oui, comme je disais, c'est pas terrible, il faudrait arriver à visuellement lier le "bouton" au menu qui apparait, etc. (et je disais "mais bon, peut-être plus tard")

#16

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a environ 7 ans

Ok, faisons ça plus tard.

#17

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a environ 7 ans

Je pousse ?

#18

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a environ 7 ans

  • Priorité changé de Normal à Haut

Priorité haute pour la recette de Meyzieu.

#19

Mis à jour par Frédéric Péters il y a environ 7 ans

Le reste du fichier est indenté avec des tabulations.

content: "\f142";, quand on fait une référence ainsi, il faut inclure le nom de l'icône à côté, /* ellipsis-v */.

padding: 0 0.1ex 0 1ex;, à l'usage ce serait bien d'avoir un 1ex aussi sur la droite pour étendre la zone cliquable, à combiner je dirais avec un margin-right: -0.5ex pour ne pas trop s'éloigner du bord.

Décaler le menu un peu sur la droite, pour qu'une descente verticale du curseur passe à l'intérieur.

Visualiser de manière plus nette le survol des liens du menu; les faire tenir les bords.

De manière générale, relier visuellement le lien/bouton et le menu ouvert; ça demande à revoir le js pour poser une classe lors de l'ouverture.

#20

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a environ 7 ans

Tu dois avoir un commit en local avant celui-là qui fait qu'il ne s'applique pas sur le master.
J'ai testé en rajoutant le code à la main et je ack.

#21

Mis à jour par Frédéric Péters il y a environ 7 ans

Oui j'ai un tas de commits locaux mais ils sont dans des patchs pour lesquels une relecture est bienvenue :) (#7760 et cie)

#22

Mis à jour par Frédéric Péters il y a environ 7 ans

  • Statut changé de En cours à Résolu (à déployer)
commit 7ebb003124429914c0c204e8403c2a5b50c0b0eb
Author: Serghei Mihai <smihai@entrouvert.com>
Date:   Tue Jan 31 11:42:16 2017 +0100

    add support for extra actions in 'sandwich' menu (#14830)

    The menu should be a list with "extra-actions-menu" class and the
    toggler a link with class "extra-actions-menu-opener".

    For example:

    <a class="extra-actions-menu-opener"></a>
    <ul class="extra-actions-menu">
      ...
    </ul>
#23

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a environ 7 ans

  • Statut changé de Résolu (à déployer) à Fermé

Formats disponibles : Atom PDF