SQUASHME: polish placeholder element

chrisvogt · Dec 22, 2024 · 9bc7016 · 9bc7016
1 parent c107b6c
commit 9bc7016
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/theme/src/components/widgets/github/__snapshots__/github-widget.spec.js.snap b/theme/src/components/widgets/github/__snapshots__/github-widget.spec.js.snap
@@ -447,7 +447,7 @@ exports[`GitHub Widget matches the loading state snapshot 1`] = `
                 "height": "15px",
                 "marginTop": 0,
                 "maxHeight": undefined,
-                "width": "250px",
+                "width": "150px",
               }
             }
           />

diff --git a/theme/src/components/widgets/github/__snapshots__/last-pull-request.spec.js.snap b/theme/src/components/widgets/github/__snapshots__/last-pull-request.spec.js.snap
@@ -38,7 +38,7 @@ exports[`Widget/GitHub/LastPullRequest snapshots matches the loading state snaps
               "height": "15px",
               "marginTop": 0,
               "maxHeight": undefined,
-              "width": "250px",
+              "width": "150px",
             }
           }
         />

diff --git a/theme/src/components/widgets/github/last-pull-request.js b/theme/src/components/widgets/github/last-pull-request.js
@@ -49,7 +49,7 @@ const LastPullRequest = ({ isLoading, pullRequest = {} }) => {
           <CardFooter>
             <Placeholder
               color='#efefef'
-              customPlaceholder={<TextRow color='#efefef' style={{ marginTop: 0, width: '250px', height: '15px' }} />}
+              customPlaceholder={<TextRow color='#efefef' style={{ marginTop: 0, width: '150px', height: '15px' }} />}
               ready={!isLoading}
               showLoadingAnimation
             >

diff --git a/theme/src/components/widgets/goodreads/__snapshots__/goodreads-widget.spec.js.snap b/theme/src/components/widgets/goodreads/__snapshots__/goodreads-widget.spec.js.snap
@@ -370,7 +370,7 @@ exports[`Goodreads Widget matches the loading state snapshot 1`] = `
                 "height": "15px",
                 "marginTop": 0,
                 "maxHeight": undefined,
-                "width": "250px",
+                "width": "150px",
               }
             }
           />

diff --git a/theme/src/components/widgets/goodreads/user-status.js b/theme/src/components/widgets/goodreads/user-status.js
@@ -63,7 +63,7 @@ const UserStatus = ({ isLoading, status, actorName }) => {
           <CardFooter>
             <Placeholder
               color='#efefef'
-              customPlaceholder={<TextRow color='#efefef' style={{ marginTop: 0, width: '250px', height: '15px' }} />}
+              customPlaceholder={<TextRow color='#efefef' style={{ marginTop: 0, width: '150px', height: '15px' }} />}
               ready={!isLoading}
               showLoadingAnimation
             >