diff --git a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/_layer_panel.scss b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/_layer_panel.scss index fbea21542b8bb..62bc6d7ed7cc8 100644 --- a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/_layer_panel.scss +++ b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/_layer_panel.scss @@ -27,11 +27,11 @@ overflow: hidden; } -.lnsLayerPanel__dimension-hidden { - visibility: hidden; +.lnsLayerPanel__dimension-isHidden { + opacity: 0; } -.lnsLayerPanel__dimension-replace { +.lnsLayerPanel__dimension-isReplacing { text-decoration: line-through; } diff --git a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/layer_panel.tsx b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/layer_panel.tsx index 336e91e2ffaba..c83f4d0eed4fc 100644 --- a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/layer_panel.tsx +++ b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/layer_panel.tsx @@ -218,7 +218,7 @@ export function LayerPanel( key={accessor} className={classNames('lnsLayerPanel__dimension', { // eslint-disable-next-line @typescript-eslint/naming-convention - 'lnsLayerPanel__dimension-hidden': + 'lnsLayerPanel__dimension-isHidden': isDraggedOperation(dragDropContext.dragging) && accessor === dragDropContext.dragging.columnId, })} @@ -228,7 +228,7 @@ export function LayerPanel( isDraggedOperation(dragDropContext.dragging) && group.groupId !== dragDropContext.dragging.groupId ) { - return 'lnsLayerPanel__dimension-replace'; + return 'lnsLayerPanel__dimension-isReplacing'; } return ''; }}