[BUG]: Fixed Consolidated UI issues (opensearch-project#1173)

* Consolidated UI issues are fixed Signed-off-by: Amit-Nawale <[email protected]> * Consolidated UI issues are fixed Signed-off-by: Amit-Nawale <[email protected]> * Consolidated UI issues are fixed Signed-off-by: Amit-Nawale <[email protected]> * Implemented commented changes Signed-off-by: Amit-Nawale <[email protected]> Signed-off-by: Amit-Nawale <[email protected]>
mengweieric · Nov 2, 2022 · 43c2eaa · 43c2eaa
1 parent 7adbea2
commit 43c2eaa
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 9 deletions.
diff --git 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);
 }
-
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
@@ -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/...visualizations/config_panel/config_panes/config_controls/data_config_item_click_panel.tsx b/...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/...er/visualizations/config_panel/config_panes/config_controls/data_configurations_panel.tsx b/...er/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
@@ -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/...c/components/event_analytics/explorer/visualizations/workspace_panel/workspace_panel.scss b/...c/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;
-}
+  background-color: #fff;
+
+}