Limiter l’action du CSS dans l’espace privé, en le cantonnant juste au dropdown ajouté. Sinon, les classes .btn déclarées modifie aussi l’apparence des boutons dans l’espace privé de façon un peu anarchique.

On liimte donc au maximum les classes utilisées et on en profite pour préfixer certains éléments de 'roles-'.
Le fichier CSS cherché est mainteant 'roles-dropdown.css'. Je laisse l’ancien si besoin pour mémoire, ou si des sites s’appuyaient dessus.
Pour l’espace public (si activé), si un fichier roles-dropdown-public.css est présent, on l’utilise, sinon on utilise celui du privé.

formulaires/inc-editer_liens_actions_roles.html

@@ -1,7 +1,7 @@
 #SET{presents,#ENV{id}|roles_presents_sur_id{#ENV{objet_source},#ENV{objet},#ENV{id_objet},#ENV{_objet_lien}}}
 
-<div class="btn-group">
-<a data-toggle="dropdown" href="#" title="<:roles:modifier_roles_title:>" class="btn btn-mini dropdown-toggle">[(#ENV{libelle,<:roles:modifier_roles:>})]
+<div class="roles-btn-group">
+<a data-toggle="dropdown" href="#" title="<:roles:modifier_roles_title:>" class="roles-btn dropdown-toggle">[(#ENV{libelle,<:roles:modifier_roles:>})]
 	<span class="caret"></span>
 </a>
 	<ul class="dropdown-menu">
@@ -9,7 +9,7 @@
 	<li class='dropdown-header'><:roles:enlever_role:></li>
 <BOUCLE_roles_presents(DATA){source table,#ENV{_roles/roles/choix}}{valeur IN #GET{presents}}>
 	<li>
-		<button type="submit" name="supprimer_lien\[#ENV{cle}-#VALEUR\]" class="link btn btn-mini delete">
+		<button type="submit" name="supprimer_lien\[#ENV{cle}-#VALEUR\]" class="link roles-btn delete">
 		[(#CHEMIN_IMAGE{supprimer-8.png}|balise_img{'X'})] [(#VALEUR|role{#ENV{table_source}})]
 		</button>
 	</li>
@@ -21,7 +21,7 @@
 	<li class='dropdown-header'><:roles:ajouter_role:></li>
 <BOUCLE_roles_absents(DATA){source table,#ENV{_roles/roles/choix}}{valeur !IN #GET{presents}}>
 	<li>
-		<button type="submit" name="ajouter_lien\[#ENV{cle}-#VALEUR\]" class="link btn btn-mini delete">
+		<button type="submit" name="ajouter_lien\[#ENV{cle}-#VALEUR\]" class="link roles-btn delete">
 		[(#CHEMIN_IMAGE{inserer-8.png}|balise_img{'+'})] [(#VALEUR|role{#ENV{table_source}})]
 		</button>
 	</li>

paquet.xml

@@ -1,11 +1,11 @@
 <paquet
 	prefix="roles"
 	categorie="outil"
-	version="1.8.6"
+	version="2.0.0"
 	etat="test"
 	compatibilite="[3.1.0;3.2.*]"
 	logo="prive/themes/spip/images/roles-64.png"
-	documentation="https://contrib.spip.net/?article4199"
+	documentation="https://contrib.spip.net/4199"
 >
 
 	<nom>Rôles</nom>

prive/style_prive_plugin_roles.html

@@ -12,11 +12,11 @@
 
 
 /* adapter le dropdown "modifier" et le caler à droite */
-table .role .btn-group:before,
-table .role .btn-group:after {
+table .role .roles-btn-group:before,
+table .role .roles-btn-group:after {
     display: inline-block;
 }
-table .role .btn-group {float:right;}
+table .role .roles-btn-group {float:right;}
 
 /* le dropdow doit passer au-dessus des DIV qui se trouvent en-dessous : en attendant de trouver mieux ! */
 .formulaire_editer_liens { z-index:800; }

roles_pipelines.php

@@ -34,7 +34,7 @@ function roles_jquery_plugins($flux) {
 **/
 function roles_header_prive_css($flux) {
 
-	$css = find_in_path('css/bootstrap-button-dropdown.css');
+	$css = find_in_path('css/roles-dropdown.css');
 	$flux .= '<link rel="stylesheet" href="'.direction_css($css).'" type="text/css" media="all" />' . "\n";
 
 	return $flux;
@@ -51,7 +51,7 @@ function roles_insert_head_css($flux) {
 
 	$config = lire_config('chosen', array());
 	if (isset($config['active']) and $config['active']=='oui') {
-		$css = sinon(find_in_path('css/bootstrap-button-dropdown_public.css'), find_in_path('css/bootstrap-button-dropdown.css'));
+		$css = sinon(find_in_path('css/roles-dropdown_public.css'), find_in_path('css/roles-dropdown.css'));
 		$flux .= '<link rel="stylesheet" href="'.direction_css($css).'" type="text/css" media="all" />' . "\n";
 	}
 	return $flux;