Impossible de supprimer une entrée du menu déroulant cog dans le compositeur

J’essaie d’éliminer l’entrée « Masquer les détails » du menu déroulant de la roue crantée dans l’éditeur, car elle est rarement utilisée sur mon forum. Cependant, j’ai beaucoup de mal à y parvenir.

Après avoir trouvé l’entrée et son sélecteur dans les outils de développement de Chrome, j’ai essayé ceci :

div.select-kit-body > ul.select-kit-collection.ember-view > li:nth-child(1)
{display:none}

Cependant, cela supprime la première entrée de la plupart des listes sur l’ensemble du site, alors j’ai essayé de l’affiner en me basant sur le sélecteur de l’élément qui le précède (surligné en bleu).

Ce qui donne ceci :

button.select-kit-header.single-select-header.btn-default.dropdown-select-box-header.btn.no-text.btn-icon.ember-view > div.select-kit-body > ul.select-kit-collection.ember-view > li:nth-child(1)
{display:none}

Cependant, cela ne fonctionne pas et fait réapparaître l’entrée que je cherche à supprimer. Je précise aussi que j’ai essayé sans « ember-view » à la fin, avec le même résultat.

Si quelqu’un peut m’aider ou a déjà eu affaire à ce problème, je lui serais très reconnaissant.

Cet élément n’a pas de classe unique, car cette situation ne s’est jamais présentée auparavant.

Il possède toutefois un attribut unique, vous pouvez donc l’utiliser pour créer un sélecteur d’attribut qui cible uniquement cet élément, comme ceci :

.d-editor-button-bar [data-value="insertDetails"] {
  display: none;
}
3 « J'aime »

ça a marché ! merci beaucoup @Johani.

1 « J'aime »