From f023dfe949bc21fc1b5ab0d209bfd56fbef313de Mon Sep 17 00:00:00 2001
From: Amit-Nawale <114645833+Amit-Nawale@users.noreply.github.com>
Date: Wed, 2 Nov 2022 21:52:25 +0530
Subject: [PATCH] [BUG]: Fixed Consolidated UI issues  (#1173)

* Consolidated UI issues are fixed

Signed-off-by: Amit-Nawale <amit_nawale@persistent.com>

* Consolidated UI issues are fixed

Signed-off-by: Amit-Nawale <amit_nawale@persistent.com>

* Consolidated UI issues are fixed

Signed-off-by: Amit-Nawale <amit_nawale@persistent.com>

* Implemented commented changes

Signed-off-by: Amit-Nawale <amit_nawale@persistent.com>

Signed-off-by: Amit-Nawale <amit_nawale@persistent.com>
(cherry picked from commit 43c2eaab73939b76ae066d94b1929f780c6530a8)
---
 .../event_analytics/explorer/explorer.scss           |  3 +--
 .../visualizations/config_panel/config_panel.scss    | 12 ++++++++++++
 .../config_controls/data_config_item_click_panel.tsx |  2 +-
 .../config_controls/data_configurations_panel.tsx    |  4 +++-
 .../explorer/visualizations/index.tsx                |  4 ++--
 .../workspace_panel/workspace_panel.scss             |  6 +++---
 6 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/public/components/event_analytics/explorer/explorer.scss b/public/components/event_analytics/explorer/explorer.scss
index 1b9696545..242e611e6 100644
--- a/public/components/event_analytics/explorer/explorer.scss
+++ b/public/components/event_analytics/explorer/explorer.scss
@@ -8,7 +8,7 @@
 }
 
 .liveStream {
-  margin : 8px;
+  margin: 8px;
   height: 40px;
   align-items: center;
   justify-content: center;
@@ -21,4 +21,3 @@
 .mainContentTabs .euiResizableContainer {
   height: calc(100vh - 298px);
 }
-  
\ No newline at end of file
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..5760a13b2 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
@@ -168,6 +168,18 @@ $vis-editor-sidebar-min-width: 350px;
   overflow-y: unset; // unset default setting
 }
 
+#vis__mainContent .data_config_resizable_btn {
+  margin-left: 3px;
+}
+
+#vis__mainContent .chart_style_resizable_btn {
+  margin-right: 3px;
+}
+
+#vis__mainContent .ws__configPanel--right {
+  border-left: 1px solid #d3dae6;
+}
+
 .panelItem_button {
   display: grid;
   grid-template-columns: 1fr auto;
diff --git a/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/data_config_item_click_panel.tsx b/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/data_config_item_click_panel.tsx
index 25e3a58b4..3dd16eed6 100644
--- a/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/data_config_item_click_panel.tsx
+++ b/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/data_config_item_click_panel.tsx
@@ -19,7 +19,7 @@ export interface TitleProps {
 
 export const DataConfigItemClickPanel = ({ title, isSecondary, closeMenu }: TitleProps) => {
   const icon = isSecondary && (
-    <EuiIcon type="arrowLeft" onClick={closeMenu} data-test-subj="panelCloseBtn" />
+    <EuiIcon style={{ cursor: 'pointer' }} type="arrowLeft" onClick={closeMenu} data-test-subj="panelCloseBtn"/>
   );
   return (
     <>
diff --git a/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/data_configurations_panel.tsx b/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/data_configurations_panel.tsx
index 9afcb69e6..998cf3c71 100644
--- a/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/data_configurations_panel.tsx
+++ b/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/data_configurations_panel.tsx
@@ -435,6 +435,7 @@ export const DataConfigPanelItem = ({
             aria-label="input field"
             placeholder="Select a field"
             singleSelection={{ asPlainText: true }}
+            isClearable={false}
             options={getOptionsAvailable(name)}
             selectedOptions={
               isTimeStampSelected
@@ -508,7 +509,8 @@ export const DataConfigPanelItem = ({
                 <EuiComboBox
                   aria-label="date unit"
                   placeholder="Select fields"
-                  singleSelection
+                  singleSelection={{ asPlainText: true }}
+                  isClearable={false}
                   options={TIME_INTERVAL_OPTIONS.map((option) => {
                     return {
                       ...option,
diff --git a/public/components/event_analytics/explorer/visualizations/index.tsx b/public/components/event_analytics/explorer/visualizations/index.tsx
index 98ab13799..ab4c40e26 100644
--- a/public/components/event_analytics/explorer/visualizations/index.tsx
+++ b/public/components/event_analytics/explorer/visualizations/index.tsx
@@ -126,7 +126,7 @@ export const ExplorerVisualizations = ({
                 <div className="explorer__vizDataConfig">{renderDataConfigContainer()}</div>
               </div>
             </EuiResizablePanel>
-            <EuiResizableButton />
+            <EuiResizableButton className="data_config_resizable_btn" />
             <EuiResizablePanel
               className="ws__central--canvas"
               initialSize={60}
@@ -140,7 +140,7 @@ export const ExplorerVisualizations = ({
                 visualizations={visualizations}
               />
             </EuiResizablePanel>
-            <EuiResizableButton />
+            <EuiResizableButton className="chart_style_resizable_btn" />
             <EuiResizablePanel
               className="ws__configPanel--right"
               initialSize={20}
diff --git a/public/components/event_analytics/explorer/visualizations/workspace_panel/workspace_panel.scss b/public/components/event_analytics/explorer/visualizations/workspace_panel/workspace_panel.scss
index 56c95de24..cddc15f93 100644
--- a/public/components/event_analytics/explorer/visualizations/workspace_panel/workspace_panel.scss
+++ b/public/components/event_analytics/explorer/visualizations/workspace_panel/workspace_panel.scss
@@ -20,6 +20,6 @@
 }
 
 #vis__mainContent .ws__central--canvas {
-  background-color: #FFF;
-  border-right: 1px solid #D3DAE6;
-}
\ No newline at end of file
+  background-color: #fff;
+  
+}