[Look&Feel] Update paragraph text sizes across remaining OSD (#7603)

* Updated Data Source Connection paragraph size Signed-off-by: Dan Dong <danieldong51@gmail.com> * Updated paragraph size Signed-off-by: Dan Dong <danieldong51@gmail.com> * Updated paragraph size Signed-off-by: Dan Dong <danieldong51@gmail.com> * Updated paragraph size Signed-off-by: Dan Dong <danieldong51@gmail.com> * Changeset file for PR #7603 created/updated * Removed paragraph tags Signed-off-by: Dan Dong <danieldong51@gmail.com> * Updated Snapshot Testing Signed-off-by: Dan Dong <danieldong51@gmail.com> * Updated snapshot testing Signed-off-by: Dan Dong <danieldong51@gmail.com> * Updated help panel Signed-off-by: Dan Dong <danieldong51@gmail.com> * Updated Snapshot Testing for get_no_items_message Signed-off-by: Dan Dong <danieldong51@gmail.com> * Updated Snapshot Testing for get_no_items_message Signed-off-by: Dan Dong <danieldong51@gmail.com> * Changeset file for PR #7603 created/updated * Changeset file for PR #7603 created/updated * Updated Testing for get_no_items_message Signed-off-by: Dan Dong <danieldong51@gmail.com> --------- Signed-off-by: Dan Dong <danieldong51@gmail.com> Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com> (cherry picked from commit 43dc2d6) Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
opensearch-project · Aug 5, 2024 · 02a3212 · 02a3212
1 parent cb7fa43
commit 02a3212
Show file tree

Hide file tree

Showing 30 changed files with 1,056 additions and 204 deletions.
diff --git a/changelogs/fragments/7603.yml b/changelogs/fragments/7603.yml
@@ -0,0 +1,2 @@
+Refactor:
+- [Look&Feel] Update paragraph text sizes across remaining OSD ([#7603](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7603))
diff --git a/src/plugins/console/public/application/components/help_panel.tsx b/src/plugins/console/public/application/components/help_panel.tsx
@@ -62,12 +62,14 @@ export function HelpPanel(props: Props) {
               id="console.helpPage.requestFormatTitle"
             />
           </h3>
-          <p>
-            <FormattedMessage
-              id="console.helpPage.requestFormatDescription"
-              defaultMessage="You can type one or more requests in the white editor. Console understands requests in a compact format:"
-            />
-          </p>
+          <EuiText size="s">
+            <p>
+              <FormattedMessage
+                id="console.helpPage.requestFormatDescription"
+                defaultMessage="You can type one or more requests in the white editor. Console understands requests in a compact format:"
+              />
+            </p>
+          </EuiText>
           <EditorExample panel="help" />
           <h3>
             <FormattedMessage
@@ -76,78 +78,80 @@ export function HelpPanel(props: Props) {
             />
           </h3>
           <EuiSpacer />
-          <dl>
-            <dt>Ctrl/Cmd + I</dt>
-            <dd>
-              <FormattedMessage
-                id="console.helpPage.keyboardCommands.autoIndentDescription"
-                defaultMessage="Auto indent current request"
-              />
-            </dd>
-            <dt>Ctrl/Cmd + /</dt>
-            <dd>
-              <FormattedMessage
-                id="console.helpPage.keyboardCommands.openDocumentationDescription"
-                defaultMessage="Open documentation for current request"
-              />
-            </dd>
-            <dt>Ctrl + Space</dt>
-            <dd>
-              <FormattedMessage
-                id="console.helpPage.keyboardCommands.openAutoCompleteDescription"
-                defaultMessage="Open Auto complete (even if not typing)"
-              />
-            </dd>
-            <dt>Ctrl/Cmd + Enter</dt>
-            <dd>
-              <FormattedMessage
-                id="console.helpPage.keyboardCommands.submitRequestDescription"
-                defaultMessage="Submit request"
-              />
-            </dd>
-            <dt>Ctrl/Cmd + Up/Down</dt>
-            <dd>
-              <FormattedMessage
-                id="console.helpPage.keyboardCommands.jumpToPreviousNextRequestDescription"
-                defaultMessage="Jump to the previous/next request start or end."
-              />
-            </dd>
-            <dt>Ctrl/Cmd + Alt + L</dt>
-            <dd>
-              <FormattedMessage
-                id="console.helpPage.keyboardCommands.collapseExpandCurrentScopeDescription"
-                defaultMessage="Collapse/expand current scope."
-              />
-            </dd>
-            <dt>Ctrl/Cmd + Option + 0</dt>
-            <dd>
-              <FormattedMessage
-                id="console.helpPage.keyboardCommands.collapseAllScopesDescription"
-                defaultMessage="Collapse all scopes but the current one. Expand by adding a shift."
-              />
-            </dd>
-            <dt>Down arrow</dt>
-            <dd>
-              <FormattedMessage
-                id="console.helpPage.keyboardCommands.switchFocusToAutoCompleteMenuDescription"
-                defaultMessage="Switch focus to auto-complete menu. Use arrows to further select a term"
-              />
-            </dd>
-            <dt>Enter/Tab</dt>
-            <dd>
-              <FormattedMessage
-                id="console.helpPage.keyboardCommands.selectCurrentlySelectedInAutoCompleteMenuDescription"
-                defaultMessage="Select the currently selected or the top most term in auto-complete menu"
-              />
-            </dd>
-            <dt>Esc</dt>
-            <dd>
-              <FormattedMessage
-                id="console.helpPage.keyboardCommands.closeAutoCompleteMenuDescription"
-                defaultMessage="Close auto-complete menu"
-              />
-            </dd>
-          </dl>
+          <EuiText size="s">
+            <dl>
+              <dt>Ctrl/Cmd + I</dt>
+              <dd>
+                <FormattedMessage
+                  id="console.helpPage.keyboardCommands.autoIndentDescription"
+                  defaultMessage="Auto indent current request"
+                />
+              </dd>
+              <dt>Ctrl/Cmd + /</dt>
+              <dd>
+                <FormattedMessage
+                  id="console.helpPage.keyboardCommands.openDocumentationDescription"
+                  defaultMessage="Open documentation for current request"
+                />
+              </dd>
+              <dt>Ctrl + Space</dt>
+              <dd>
+                <FormattedMessage
+                  id="console.helpPage.keyboardCommands.openAutoCompleteDescription"
+                  defaultMessage="Open Auto complete (even if not typing)"
+                />
+              </dd>
+              <dt>Ctrl/Cmd + Enter</dt>
+              <dd>
+                <FormattedMessage
+                  id="console.helpPage.keyboardCommands.submitRequestDescription"
+                  defaultMessage="Submit request"
+                />
+              </dd>
+              <dt>Ctrl/Cmd + Up/Down</dt>
+              <dd>
+                <FormattedMessage
+                  id="console.helpPage.keyboardCommands.jumpToPreviousNextRequestDescription"
+                  defaultMessage="Jump to the previous/next request start or end."
+                />
+              </dd>
+              <dt>Ctrl/Cmd + Alt + L</dt>
+              <dd>
+                <FormattedMessage
+                  id="console.helpPage.keyboardCommands.collapseExpandCurrentScopeDescription"
+                  defaultMessage="Collapse/expand current scope."
+                />
+              </dd>
+              <dt>Ctrl/Cmd + Option + 0</dt>
+              <dd>
+                <FormattedMessage
+                  id="console.helpPage.keyboardCommands.collapseAllScopesDescription"
+                  defaultMessage="Collapse all scopes but the current one. Expand by adding a shift."
+                />
+              </dd>
+              <dt>Down arrow</dt>
+              <dd>
+                <FormattedMessage
+                  id="console.helpPage.keyboardCommands.switchFocusToAutoCompleteMenuDescription"
+                  defaultMessage="Switch focus to auto-complete menu. Use arrows to further select a term"
+                />
+              </dd>
+              <dt>Enter/Tab</dt>
+              <dd>
+                <FormattedMessage
+                  id="console.helpPage.keyboardCommands.selectCurrentlySelectedInAutoCompleteMenuDescription"
+                  defaultMessage="Select the currently selected or the top most term in auto-complete menu"
+                />
+              </dd>
+              <dt>Esc</dt>
+              <dd>
+                <FormattedMessage
+                  id="console.helpPage.keyboardCommands.closeAutoCompleteMenuDescription"
+                  defaultMessage="Close auto-complete menu"
+                />
+              </dd>
+            </dl>
+          </EuiText>
         </EuiText>
       </EuiFlyoutBody>
     </EuiFlyout>

diff --git a/src/plugins/console/public/application/containers/console_history/console_history.tsx b/src/plugins/console/public/application/containers/console_history/console_history.tsx
@@ -41,6 +41,7 @@ import {
   EuiFlexGroup,
   EuiSmallButtonEmpty,
   EuiSmallButton,
+  EuiText,
 } from '@elastic/eui';
 
 import { useServicesContext } from '../../contexts';
@@ -192,7 +193,9 @@ export function ConsoleHistory({ close }: Props) {
                   })}
                   aria-selected={isSelected}
                 >
-                  {reqDescription}
+                  <EuiText size="s">
+                    {reqDescription}
+                  </EuiText>
                   <span className="conHistory__reqIcon">
                     <EuiIcon type="arrowRight" />
                   </span>