feat(4766): les accès rapides à la création passent dans un menu déroulant commun

Fix: #4766

prive/javascript/gadgets.js

@@ -106,7 +106,7 @@ jQuery(function(){
 	});
 
 	jQuery('#bando_navigation .deroulant > li').menuFocus();
-	jQuery('#bando_outils ul.bandeau_rubriques li').menuFocus();
+	jQuery('#bando_outils .deroulant > li').menuFocus();
 
 	jQuery('#bandeau_haut #formRecherche input').on('hover touchstart', function(){
 		jQuery('#bandeau_haut ul.actif').trigger('mouseout');

prive/squelettes/inclure/barre-nav.html

@@ -125,16 +125,26 @@
 
 				[(#REM) Boutons de création rapide ]
 				<B_creer>
-					<ul class="rapides rapides_creer creer">
-						<BOUCLE_creer(DATA){source table, #GET{boutons}} {cle=outils_rapides}>
-						<BOUCLE_creersous(DATA){source table, #VALEUR{sousmenu}}{par position}>
-						[<li class="rapides__item">
-							<a
-								href="[(#VALEUR{url}|sinon{#CLE}|bandeau_creer_url{#VALEUR{urlArg},#GET{contexte}})]"
-								title="[(#VALEUR{libelle}|_T|attribut_html)]"
-								class="rapides__lien bando2_#CLE"><span class="libelle">(#VALEUR{libelle}|_T)</span></a>
-						</li>]
-						</BOUCLE_creersous></BOUCLE_creer>
+					<ul class="deroulant deroulant_creer" data-racine>
+						<li class="deroulant__item">
+							<a class="deroulant__lien bando2_creer" href="#URL_ECRIRE{creer}">
+								[(#CHEMIN_IMAGE{ouvrir-24.png}|balise_img{'', picto picto_creer})]
+								<span class="libelle">Créer</span>
+							</a>
+							
+							<ul class="deroulant__sous-menu" data-profondeur="1">
+								<BOUCLE_creer(DATA){source table, #GET{boutons}} {cle=outils_rapides}>
+								<BOUCLE_creersous(DATA){source table, #VALEUR{sousmenu}}{par position}>
+								[<li class="deroulant__item">
+									<a
+										href="[(#VALEUR{url}|sinon{#CLE}|bandeau_creer_url{#VALEUR{urlArg},#GET{contexte}})]"
+										title="[(#VALEUR{libelle}|_T|attribut_html)]"
+										class="deroulant__lien bando2_#CLE"><span class="libelle">(#VALEUR{libelle}|_T)</span></a>
+								</li>]
+								</BOUCLE_creersous></BOUCLE_creer>
+							</ul>
+							
+						</li>
 					</ul>
 				</B_creer>
 

prive/themes/spip/bando.css.html

@@ -203,7 +203,7 @@
 
 /* Items <li> */
 .bando-haut .deroulant__item {
-	flex: 0 1; /* effectif à la racine uniquement, plus bas le conteneur est en display:block */
+	flex: auto 1; /* effectif à la racine uniquement, plus bas le conteneur est en display:block */
 	display: block; /* block obligé, cf. notes */
 }
 
@@ -507,6 +507,12 @@
 }
 
 /* Menus « rapides » */
+.bando-outils {
+	color: var(--spip-color-gray-dark);
+}
+.bando-outils .deroulant__lien img + .libelle {
+	margin-left: 0.25em;
+}
 .bando-outils .rapides__lien {
 	flex: 0 0 auto;
 	align-items: center;