Updated paragraph size

Signed-off-by: Dan Dong <[email protected]>
opensearch-project · Jul 31, 2024 · d9f776e · d9f776e
1 parent 600d05b
commit d9f776e
Show file tree

Hide file tree

Showing 11 changed files with 58 additions and 55 deletions.
diff --git a/src/plugins/console/public/application/components/help_panel.tsx b/src/plugins/console/public/application/components/help_panel.tsx
@@ -55,7 +55,7 @@ export function HelpPanel(props: Props) {
         </EuiTitle>
       </EuiFlyoutHeader>
       <EuiFlyoutBody>
-        <EuiText>
+        <EuiText size="s">
           <h3>
             <FormattedMessage
               defaultMessage="Request format"
@@ -75,8 +75,6 @@ export function HelpPanel(props: Props) {
               defaultMessage="Keyboard commands"
             />
           </h3>
-        </EuiText>
-        <EuiText size="s">
           <EuiSpacer />
           <dl>
             <dt>Ctrl/Cmd + I</dt>

diff --git a/src/plugins/dashboard/public/application/utils/get_no_items_message.tsx b/src/plugins/dashboard/public/application/utils/get_no_items_message.tsx
@@ -46,34 +46,36 @@ export const getNoItemsMessage = (
       }
       body={
         <Fragment>
-          <p>
-            <FormattedMessage
-              id="dashboard.listing.createNewDashboard.combineDataViewFromOpenSearchDashboardsAppDescription"
-              defaultMessage="You can combine data views from any OpenSearch Dashboards app into one dashboard and see everything in one place."
-            />
-          </p>
-          <p>
-            <FormattedMessage
-              id="dashboard.listing.createNewDashboard.newToOpenSearchDashboardsDescription"
-              defaultMessage="New to OpenSearch Dashboards? {sampleDataInstallLink} to take a test drive."
-              values={{
-                sampleDataInstallLink: (
-                  <EuiLink
-                    onClick={() =>
-                      application.navigateToApp('home', {
-                        path: '#/tutorial_directory/sampleData',
-                      })
-                    }
-                  >
-                    <FormattedMessage
-                      id="dashboard.listing.createNewDashboard.sampleDataInstallLinkText"
-                      defaultMessage="Install some sample data"
-                    />
-                  </EuiLink>
-                ),
-              }}
-            />
-          </p>
+          <EuiText size="s">
+            <p>
+              <FormattedMessage
+                id="dashboard.listing.createNewDashboard.combineDataViewFromOpenSearchDashboardsAppDescription"
+                defaultMessage="You can combine data views from any OpenSearch Dashboards app into one dashboard and see everything in one place."
+              />
+            </p>
+            <p>
+              <FormattedMessage
+                id="dashboard.listing.createNewDashboard.newToOpenSearchDashboardsDescription"
+                defaultMessage="New to OpenSearch Dashboards? {sampleDataInstallLink} to take a test drive."
+                values={{
+                  sampleDataInstallLink: (
+                    <EuiLink
+                      onClick={() =>
+                        application.navigateToApp('home', {
+                          path: '#/tutorial_directory/sampleData',
+                        })
+                      }
+                    >
+                      <FormattedMessage
+                        id="dashboard.listing.createNewDashboard.sampleDataInstallLinkText"
+                        defaultMessage="Install some sample data"
+                      />
+                    </EuiLink>
+                  ),
+                }}
+              />
+            </p>
+          </EuiText>
         </Fragment>
       }
       actions={

diff --git a/...ource_management/public/components/create_data_source_wizard/components/header/header.tsx b/...ource_management/public/components/create_data_source_wizard/components/header/header.tsx
@@ -36,7 +36,7 @@ export const Header = () => {
             </h1>
           </EuiTitle>
           <EuiSpacer size="s" />
-          <EuiText>
+          <EuiText size="s">
             <p>
               <FormattedMessage
                 id="dataSourcesManagement.createDataSource.description"

diff --git a/...nagement/public/components/data_source_creation_panel/create_data_source_panel_header.tsx b/...nagement/public/components/data_source_creation_panel/create_data_source_panel_header.tsx
@@ -20,7 +20,7 @@ export const CreateDataSourcePanelHeader: React.FC = () => {
           </h2>
         </EuiTitle>
         <EuiSpacer size="s" />
-        <EuiText>
+        <EuiText size="s">
           <p>
             <FormattedMessage
               id="dataSourcesManagement.createDataSourcePanel.description"

diff --git a/...ta_source_management/public/components/data_source_home_panel/data_source_page_header.tsx b/...ta_source_management/public/components/data_source_home_panel/data_source_page_header.tsx
@@ -23,7 +23,7 @@ export const DataSourceHeader: React.FC<DataSourceHeaderProps> = () => {
           </h2>
         </EuiTitle>
         <EuiSpacer size="s" />
-        <EuiText>
+        <EuiText size="s">
           <p>
             <FormattedMessage
               id="dataSourcesManagement.dataSourcesTable.description"

diff --git a/...omponents/direct_query_data_sources_components/connection_detail/utils/no_access_page.tsx b/...omponents/direct_query_data_sources_components/connection_detail/utils/no_access_page.tsx
@@ -13,7 +13,7 @@ export const NoAccess = () => {
         iconType="alert"
         title={<h2>{'No permissions to access'}</h2>}
         body={
-          <EuiText>
+          <EuiText size="s">
             {
               'You are missing permissions to view connection details. Contact your administrator for permissions.'
             }

diff --git a/...ns/data_source_management/public/components/edit_data_source/components/header/header.tsx b/...ns/data_source_management/public/components/edit_data_source/components/header/header.tsx
@@ -15,6 +15,7 @@ import {
   EuiConfirmModal,
   EuiSmallButton,
   EuiSmallButtonEmpty,
+  EuiText,
 } from '@elastic/eui';
 import { i18n } from '@osd/i18n';
 import { FormattedMessage } from '@osd/i18n/react';
@@ -121,22 +122,24 @@ export const Header = ({
             defaultFocusedButton="confirm"
             data-test-subj="editDatasourceDeleteConfirmModal"
           >
-            <p>
-              {
-                <FormattedMessage
-                  id="dataSourcesManagement.editDataSource.deleteConfirmation"
-                  defaultMessage="Any objects created using data from these sources, including Index Patterns, Visualizations, and Observability Panels, will be impacted."
-                />
-              }
-            </p>
-            <p>
-              {
-                <FormattedMessage
-                  id="dataSourcesManagement.editDataSource.deleteWarning"
-                  defaultMessage="This action cannot be undone."
-                />
-              }
-            </p>
+            <EuiText size="s">
+              <p>
+                {
+                  <FormattedMessage
+                    id="dataSourcesManagement.editDataSource.deleteConfirmation"
+                    defaultMessage="Any objects created using data from these sources, including Index Patterns, Visualizations, and Observability Panels, will be impacted."
+                  />
+                }
+              </p>
+              <p>
+                {
+                  <FormattedMessage
+                    id="dataSourcesManagement.editDataSource.deleteWarning"
+                    defaultMessage="This action cannot be undone."
+                  />
+                }
+              </p>
+            </EuiText>
           </EuiConfirmModal>
         ) : null}
       </>

diff --git a/...gins/index_pattern_management/public/components/edit_index_pattern/edit_index_pattern.tsx b/...gins/index_pattern_management/public/components/edit_index_pattern/edit_index_pattern.tsx
@@ -222,7 +222,7 @@ export const EditIndexPattern = withRouter(
             </EuiFlexGroup>
           )}
           <EuiSpacer size="m" />
-          <EuiText>
+          <EuiText size="s">
             <p>
               <FormattedMessage
                 id="indexPatternManagement.editIndexPattern.timeFilterLabel.timeFilterDetail"

diff --git a/...t/public/components/edit_index_pattern/scripted_fields_table/components/header/header.tsx b/...t/public/components/edit_index_pattern/scripted_fields_table/components/header/header.tsx
@@ -53,7 +53,7 @@ export const Header = withRouter(({ indexPatternId, history }: HeaderProps) => (
           />
         </h3>
       </EuiTitle>
-      <EuiText>
+      <EuiText size="s">
         <p>
           <FormattedMessage
             id="indexPatternManagement.editIndexPattern.scriptedLabel"

diff --git a/...nt/public/components/edit_index_pattern/source_filters_table/components/header/header.tsx b/...nt/public/components/edit_index_pattern/source_filters_table/components/header/header.tsx
@@ -43,7 +43,7 @@ export const Header = () => (
         />
       </h3>
     </EuiTitle>
-    <EuiText>
+    <EuiText size="s">
       <p>
         <FormattedMessage
           id="indexPatternManagement.editIndexPattern.sourceLabel"

diff --git a/...ns/index_pattern_management/public/components/index_pattern_table/index_pattern_table.tsx b/...ns/index_pattern_management/public/components/index_pattern_table/index_pattern_table.tsx
@@ -269,7 +269,7 @@ export const IndexPatternTable = ({ canSave, history }: Props) => {
               <h2>{title}</h2>
             </EuiTitle>
             <EuiSpacer size="s" />
-            <EuiText>
+            <EuiText size="s">
               <p>
                 <FormattedMessage
                   id="indexPatternManagement.indexPatternTable.indexPatternExplanation"