diff --git a/public/components/event_analytics/explorer/visualizations/_mixins.scss b/public/components/event_analytics/explorer/visualizations/_mixins.scss index ae22f3905..c30d4dec1 100644 --- a/public/components/event_analytics/explorer/visualizations/_mixins.scss +++ b/public/components/event_analytics/explorer/visualizations/_mixins.scss @@ -6,7 +6,7 @@ // sass-lint:disable-block indentation, no-color-keywords // SASSTODO: Create this in EUI -@mixin lnsOverflowShadowHorizontal { +@mixin vizOverflowShadowHorizontal { $hideHeight: $euiScrollBarCorner * 1.25; mask-image: linear-gradient( to right, @@ -18,7 +18,7 @@ } // Static styles for a draggable item -@mixin lnsDraggable { +@mixin vizDraggable { @include euiSlightShadow; background: lightOrDarkTheme($euiColorEmptyShade, $euiColorLightestShade); border: $euiBorderWidthThin dashed transparent; @@ -26,29 +26,29 @@ } // Static styles for a drop area -@mixin lnsDroppable { +@mixin vizDroppable { border: $euiBorderWidthThin dashed $euiBorderColor; } // Hovering state for drag item and drop area -@mixin lnsDragDropHover { +@mixin vizDragDropHover { &:hover { border: $euiBorderWidthThin dashed $euiColorMediumShade; } } // Style for drop area when there's an item being dragged -@mixin lnsDroppableActive { +@mixin vizDroppableActive { background-color: transparentize($euiColorVis0, .9); } // Style for drop area while hovering with item -@mixin lnsDroppableActiveHover { +@mixin vizDroppableActiveHover { background-color: transparentize($euiColorVis0, .75); border: $euiBorderWidthThin dashed $euiColorVis0; } // Style for drop area that is not allowed for current item -@mixin lnsDroppableNotAllowed { +@mixin vizDroppableNotAllowed { opacity: .5; } diff --git a/public/components/event_analytics/explorer/visualizations/_variables.scss b/public/components/event_analytics/explorer/visualizations/_variables.scss index a4248f814..e62f5a76a 100644 --- a/public/components/event_analytics/explorer/visualizations/_variables.scss +++ b/public/components/event_analytics/explorer/visualizations/_variables.scss @@ -3,8 +3,8 @@ * SPDX-License-Identifier: Apache-2.0 */ -$lnsPanelMinWidth: $euiSize * 18; +$vizPanelMinWidth: $euiSize * 18; // These sizes also match canvas' page thumbnails for consistency -$lnsSuggestionHeight: 100px; -$lnsSuggestionWidth: 150px; +$vizSuggestionHeight: 100px; +$vizSuggestionWidth: 150px; diff --git a/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap b/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap index 4fde463e5..d658b56a4 100644 --- a/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap +++ b/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap @@ -11,6 +11,11 @@ exports[`Config panel component Renders config panel with visualization data 1`] "fromApp": false, }, "defaultAxes": Object {}, + "explorer": Object { + "explorerData": Object { + "jsonData": Array [], + }, + }, "indexFields": Object { "availableFields": Array [ Object { @@ -4511,6 +4516,11 @@ exports[`Config panel component Renders config panel with visualization data 1`] "fromApp": false, }, "defaultAxes": Object {}, + "explorer": Object { + "explorerData": Object { + "jsonData": Array [], + }, + }, "indexFields": Object { "availableFields": Array [ Object { @@ -5287,6 +5297,11 @@ exports[`Config panel component Renders config panel with visualization data 1`] "fromApp": false, }, "defaultAxes": Object {}, + "explorer": Object { + "explorerData": Object { + "jsonData": Array [], + }, + }, "indexFields": Object { "availableFields": Array [ Object { @@ -5825,6 +5840,11 @@ exports[`Config panel component Renders config panel with visualization data 1`] "fromApp": false, }, "defaultAxes": Object {}, + "explorer": Object { + "explorerData": Object { + "jsonData": Array [], + }, + }, "indexFields": Object { "availableFields": Array [ Object { @@ -6645,6 +6665,11 @@ exports[`Config panel component Renders config panel with visualization data 1`] "fromApp": false, }, "defaultAxes": Object {}, + "explorer": Object { + "explorerData": Object { + "jsonData": Array [], + }, + }, "indexFields": Object { "availableFields": Array [ Object { @@ -7197,6 +7222,11 @@ exports[`Config panel component Renders config panel with visualization data 1`] "fromApp": false, }, "defaultAxes": Object {}, + "explorer": Object { + "explorerData": Object { + "jsonData": Array [], + }, + }, "indexFields": Object { "availableFields": Array [ Object { @@ -8016,6 +8046,11 @@ exports[`Config panel component Renders config panel with visualization data 1`] "fromApp": false, }, "defaultAxes": Object {}, + "explorer": Object { + "explorerData": Object { + "jsonData": Array [], + }, + }, "indexFields": Object { "availableFields": Array [ Object { @@ -9334,6 +9369,11 @@ exports[`Config panel component Renders config panel with visualization data 1`] "fromApp": false, }, "defaultAxes": Object {}, + "explorer": Object { + "explorerData": Object { + "jsonData": Array [], + }, + }, "indexFields": Object { "availableFields": Array [ Object { @@ -10673,6 +10713,11 @@ exports[`Config panel component Renders config panel with visualization data 1`] "fromApp": false, }, "defaultAxes": Object {}, + "explorer": Object { + "explorerData": Object { + "jsonData": Array [], + }, + }, "indexFields": Object { "availableFields": Array [ Object { diff --git a/public/components/event_analytics/explorer/visualizations/config_panel/config_panel.scss b/public/components/event_analytics/explorer/visualizations/config_panel/config_panel.scss index 816934a1f..b24f0b51d 100644 --- a/public/components/event_analytics/explorer/visualizations/config_panel/config_panel.scss +++ b/public/components/event_analytics/explorer/visualizations/config_panel/config_panel.scss @@ -3,7 +3,7 @@ * SPDX-License-Identifier: Apache-2.0 */ -.lnsConfigPanel__addLayerBtn { +.vizConfigPanel__addLayerBtn { color: transparentize($euiColorMediumShade, 0.3); // Remove EuiButton's default shadow to make button more subtle // sass-lint:disable-block no-important diff --git a/public/components/event_analytics/explorer/visualizations/config_panel/config_panel.tsx b/public/components/event_analytics/explorer/visualizations/config_panel/config_panel.tsx index d00bb9c29..6b2497372 100644 --- a/public/components/event_analytics/explorer/visualizations/config_panel/config_panel.tsx +++ b/public/components/event_analytics/explorer/visualizations/config_panel/config_panel.tsx @@ -185,7 +185,7 @@ export const ConfigPanel = ({ visualizations, setCurVisId, callback }: any) => { return (