Impossível excluir uma entrada no menu suspenso do cog no composer

Tenho tentado remover a entrada “Ocultar Detalhes” do menu suspenso da engrenagem no editor, pois é pouco usada no meu fórum. No entanto, estou tendo dificuldade para fazer isso.

Depois de encontrar a entrada e seu seletor nas Ferramentas de Desenvolvedor do Chrome, tentei o seguinte:

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

No entanto, isso removia a primeira entrada de muitas listas em todo o site, então tentei expandi-la com base no seletor do elemento acima (destacado em azul).

resultando nisso:

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 entanto, isso não funciona e apenas faz a entrada que estou tentando remover reaparecer. Devo acrescentar que também tentei sem o “ember-view” no final, com o mesmo resultado.

Se alguém puder ajudar ou tiver experiência prévia com isso, ficarei muito grato.

Esse elemento não possui uma classe única, já que isso nunca havia acontecido antes.

No entanto, ele tem um atributo único, então você pode usá-lo para criar um seletor de atributo que vise apenas esse elemento, da seguinte forma:

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

Isso funcionou! Muito obrigado, @Johani.

1 curtida