+ <>
{group.groupLabel}
{group.groupTooltip && (
<>
@@ -420,92 +412,91 @@ export function LayerPanel(
/>
>
)}
-
+ >
}
labelType="legend"
key={group.groupId}
isInvalid={isMissing}
error={
- isMissing ? (
-
- {i18n.translate('xpack.lens.editorFrame.requiredDimensionWarningLabel', {
+ isMissing
+ ? i18n.translate('xpack.lens.editorFrame.requiredDimensionWarningLabel', {
defaultMessage: 'Required dimension',
- })}
-
- ) : (
- []
- )
+ })
+ : []
}
>
<>
-
- {group.accessors.map((accessorConfig, accessorIndex) => {
- const { columnId } = accessorConfig;
-
- return (
-
-
-
{
- setActiveDimension({
- isNew: false,
- activeGroup: group,
- activeId: id,
- });
- }}
- onRemoveClick={(id: string) => {
- trackUiEvent('indexpattern_dimension_removed');
- props.updateAll(
- datasourceId,
- layerDatasource.removeColumn({
- layerId,
- columnId: id,
- prevState: layerDatasourceState,
- }),
- activeVisualization.removeDimension({
- layerId,
- columnId: id,
- prevState: props.visualizationState,
- frame: framePublicAPI,
- })
- );
- removeButtonRef(id);
- }}
- >
-
+ {group.accessors.map((accessorConfig, accessorIndex) => {
+ const { columnId } = accessorConfig;
+
+ return (
+
+
+ {
+ setActiveDimension({
+ isNew: false,
+ activeGroup: group,
+ activeId: id,
+ });
}}
- />
-
-
-
- );
- })}
-
+ onRemoveClick={(id: string) => {
+ trackUiEvent('indexpattern_dimension_removed');
+ props.updateAll(
+ datasourceId,
+ layerDatasource.removeColumn({
+ layerId,
+ columnId: id,
+ prevState: layerDatasourceState,
+ }),
+ activeVisualization.removeDimension({
+ layerId,
+ columnId: id,
+ prevState: props.visualizationState,
+ frame: framePublicAPI,
+ })
+ );
+ removeButtonRef(id);
+ }}
+ >
+
+
+
+
+ );
+ })}
+
+ ) : null}
+
{group.supportsMoreColumns ? (
* {
flex: 1 1 100%;
@@ -38,10 +42,13 @@
}
.lnsWorkspacePanel__dragDrop {
- width: 100%;
- height: 100%;
- border: $euiBorderThin;
- border-radius: $euiBorderRadiusSmall;
+ @include kbnThemeStyle('v7') {
+ border: $euiBorderThin;
+ }
+
+ @include kbnThemeStyle('v8') {
+ border: $euiBorderWidthThin solid transparent;
+ }
&.lnsDragDrop-isDropTarget {
@include lnsDroppable;
diff --git a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/workspace_panel/workspace_panel_wrapper.tsx b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/workspace_panel/workspace_panel_wrapper.tsx
index e1cb1aeb9f825..d8959e714d16e 100644
--- a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/workspace_panel/workspace_panel_wrapper.tsx
+++ b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/workspace_panel/workspace_panel_wrapper.tsx
@@ -125,10 +125,15 @@ export function WorkspacePanelWrapper({