Design review (#6560)

elastic · Jan 27, 2023 · f9161a1 · f9161a1
1 parent 320613e
commit f9161a1
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src-docs/src/views/skeleton/skeleton_example.js b/src-docs/src/views/skeleton/skeleton_example.js
@@ -121,7 +121,7 @@ export const SkeletonExample = {
       text: (
         <EuiText>
           <p>
-            <strong>EuiSkeletonCircle</strong> allows you define a large and
+            <strong>EuiSkeletonRectangle</strong> allows you define a large and
             customizable shape via its <EuiCode>width</EuiCode>,{' '}
             <EuiCode>height</EuiCode>, and <EuiCode>borderRadius</EuiCode>{' '}
             props.

diff --git a/src/components/skeleton/skeleton_text.styles.ts b/src/components/skeleton/skeleton_text.styles.ts
@@ -36,7 +36,7 @@ export const euiSkeletonCommonStyles = (euiThemeContext: UseEuiTheme) => {
     euiSkeletonText: css`
       display: block;
       ${logicalCSS('width', '100%')}
-      border-radius: ${euiTheme.border.radius.medium};
+      border-radius: ${euiTheme.border.radius.small};
       ${euiSkeletonGradientAnimation(euiThemeContext)}
 
       // Offset via transform to more closely match placement of text

diff --git a/src/components/skeleton/skeleton_title.styles.ts b/src/components/skeleton/skeleton_title.styles.ts
@@ -41,6 +41,7 @@ export const euiSkeletonTitleStyles = (euiThemeContext: UseEuiTheme) => {
     `,
     xxxs: css`
       ${logicalCSS('height', euiTitle(euiThemeContext, 'xxxs').lineHeight)};
+      border-radius: ${euiTheme.border.radius.small};
     `,
   };
 };