[Table Visualization] Remove custom styling for text-align:center in …

…favor of OUI utility class. (#4164) * remove custom styling in favor of oui utility class Signed-off-by: Sirazh Gabdullin <sirazh.gabdullin@nu.edu.kz> * Update CHANGELOG.md Signed-off-by: Sirazh Gabdullin <sirazh.gabdullin@nu.edu.kz> --------- Signed-off-by: Sirazh Gabdullin <sirazh.gabdullin@nu.edu.kz>
opensearch-project · Jun 1, 2023 · efbcb69 · efbcb69
1 parent f017eaa
commit efbcb69
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 6 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -210,6 +210,7 @@ Inspired from [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 - [Console] Remove unused ul element and its custom styling ([#3993](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/3993))
 - Fix EUI/OUI type errors ([#3798](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/3798))
 - Remove unused Sass in `tile_map` plugin ([#4110](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/4110))
+- [Table Visualization] Remove custom styling for text-align:center in favor of OUI utility class. ([#4164](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/4164))
 
 ### 🔩 Tests
 

diff --git a/src/plugins/vis_type_table/public/components/table_vis_app.scss b/src/plugins/vis_type_table/public/components/table_vis_app.scss
@@ -17,11 +17,6 @@
   flex: 0 0 auto;
 }
 
-// Style for table component title
-.visTable__component__title {
-  text-align: center;
-}
-
 // Modifier for visTables__group when displayed in columns
 .visTable__groupInColumns {
   flex-direction: row;

diff --git a/src/plugins/vis_type_table/public/components/table_vis_component.tsx b/src/plugins/vis_type_table/public/components/table_vis_component.tsx
@@ -104,7 +104,7 @@ export const TableVisComponent = ({
   return (
     <>
       {title && (
-        <EuiTitle size="xs" className="visTable__component__title">
+        <EuiTitle size="xs" className="eui-textCenter">
           <h3>{title}</h3>
         </EuiTitle>
       )}