No se puede eliminar una entrada del menú desplegable de cog en el compositor

He estado intentando eliminar la entrada “Ocultar detalles” del menú desplegable del engranaje en el editor, ya que rara vez se usa en mi foro. Sin embargo, me está resultando difícil lograrlo.

Después de encontrar la entrada y su selector en las Herramientas para desarrolladores de Chrome, intenté lo siguiente:

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

Sin embargo, esto ocultaba la primera entrada de muchas listas en todo el sitio, así que intenté ampliarlo basándome en el selector del elemento superior (resaltado en azul).

Obteniendo este resultado:

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}

No obstante, esto no funciona y simplemente vuelve a mostrar la entrada que intento eliminar. Debo añadir que también lo intenté sin “ember-view” al final, con el mismo resultado.

Si alguien pudiera ayudarme o tiene experiencia previa con esto, le estaría muy agradecido.

Ese elemento no tiene una clase única, ya que esto no había ocurrido antes.

Sin embargo, tiene un atributo único, por lo que puedes usarlo para crear un selector de atributos que solo apunte a ese elemento, así:

.d-editor-button-bar [data-value="insertDetails"] {
  display: none;
}
3 Me gusta

¡Esto funcionó! ¡Muchísimas gracias, @Johani!

1 me gusta