Remove option Hide component when in layout mode for device Desktop

[NehaCMS]

Hi Team,

We want to remove hide component option from the toolbar when in layout mode only for device Desktop selection.

Can this be possible.

[arunpatidar · Accepted solution]

Hi,

you can try writing css

cq.authoring.dialog category will work.

button._coral-Button._coral-Button--quiet.cq-editable-action[data-action="HIDE"] {
    display: none;
}

[NehaCMS]

hi @arunpatidar - and how can I check if Desktop option is selected as need to hide only in desktop selection in layout mode.

[arunpatidar]

you can do it suing CSS, example by default is is hidden but when you select any option except native(Desktop) it will be shown.

button._coral-Button._coral-Button--quiet.cq-editable-action[data-action="HIDE"]{ 
    display: none;
}

.editor-panel-active:has( .js-editor-EmulatorDeviceList > coral-selectlist-item.is-selected:not([value='native'])) button._coral-Button._coral-Button--quiet.cq-editable-action[data-action="HIDE"] {
    display: inline-block;
}