feat(ButtonExport): Interface du menu

[lowzonenose]

• menu hors widget
  

• menu intégré dans un widget
  

Utiliser l'exemple : samples-src/pages/tests/Export/pages-ol-export-modules-dsfr-default.html

[lowzonenose]

@elias75015 @azarz @IGNFhc
2 soucis à investiguer (expert CSS) :

• sur le profil alti, comment stopper les interactions sous le menu (ex. focus) ?
• sur l'outil de dessin, à l'ouverture du menu, comment le forcer à être plus grand que son container principal (l'outil de dessin est très petit) ?

[elias75015]

@elias75015 @azarz @IGNFhc 2 soucis à investiguer (expert CSS) :

* sur le profil alti, comment stopper les interactions sous le menu (ex. focus) ?

* sur l'outil de dessin, à l'ouverture du menu, comment le forcer à être plus grand que son container principal (l'outil de dessin est très petit) ?

Je ne suis pas sur de bien comprendre les deux problèmes. Tu pourrais illustrer avec screenshot ou video ?

[elias75015]

Pour le style du drawing :

Ce qu'on a sur la maquette

1 - Si on veut aligner en hauteur les boutons export + save :

• display : flex sur la div de classe container-buttons-plugin

2 - Si on veut laisser les boutons export + save l'un au dessus de l'autre mais augmenter la largeur de la modale pour se rapprocher de la maquette :

Modifier la largeur des boutons (id GpexportButton-xxxx) : width : 224px (d'après mes savants calculs, la largeur totale de la modale fera alors 320px comme sur la maquette)

[elias75015]

Attention, si on augmente la taille des boutons :

Les icones ne sont pas centrés.

Voir maquette :