Impossibile eliminare una voce dal menu a discesa del cog in composer

Contribuisci UX
1

Ho cercato di rimuovere la voce “Nascondi dettagli” dal menu a discesa dell’ingranaggio nel compositore, poiché viene utilizzata raramente nel mio forum. Tuttavia, sto avendo difficoltà a farlo.

Dopo aver individuato la voce e il suo selettore negli Strumenti per sviluppatori di Chrome, ho provato quanto segue:

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

Tuttavia, questo rimuoveva la prima voce da molte liste su tutto il sito, quindi ho provato a espanderlo basandomi sul selettore dell’elemento sopra di esso (evidenziato in blu).

deq
deq706×280 20.2 KB

ottenendo questo risultato:

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}

Tuttavia, questo non funziona e fa ricomparire la voce che sto cercando di rimuovere. Aggiungo che ho anche provato senza “ember-view” alla fine, con lo stesso risultato.

Se qualcuno può aiutarmi o ha esperienza precedente in merito, ne sarei molto grato.

2

Quell’elemento non ha una classe unica, poiché questa situazione non si era mai verificata in precedenza.

Tuttavia, possiede un attributo unico, quindi puoi utilizzarlo per creare un selettore di attributo che colpisca solo quell’elemento, come mostrato qui sotto:

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

Ha funzionato! Grazie mille @Johani.

1 Mi Piace