Spinner: Enforce no background. (#49695)

* Spinner: Enforce no background. * Include opacity. * CHANGELOG * Use `transparent` to reset the background * Update snapshots --------- Co-authored-by: Marco Ciampini <marco.ciampo@gmail.com>
WordPress · Apr 15, 2023 · 9fd9dad · 9fd9dad
1 parent 6f96394
commit 9fd9dad
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -20,6 +20,7 @@
 
 -   `DropZone`: Smooth animation ([#49517](https://github.com/WordPress/gutenberg/pull/49517)).
 -   `Navigator`: Add `skipFocus` property in `NavigateOptions`. ([#49350](https://github.com/WordPress/gutenberg/pull/49350)).
+-   `Spinner`: add explicit opacity and background styles ([#49695](https://github.com/WordPress/gutenberg/pull/49695)).
 
 ### Bug Fix
 

diff --git a/packages/components/src/spinner/styles.ts b/packages/components/src/spinner/styles.ts
@@ -26,6 +26,8 @@ export const StyledSpinner = styled.svg`
 	position: relative;
 	color: ${ COLORS.ui.theme };
 	overflow: visible;
+	opacity: 1;
+	background-color: transparent;
 `;
 
 const commonPathProps = css`

diff --git a/packages/editor/src/components/post-publish-panel/test/__snapshots__/index.js.snap b/packages/editor/src/components/post-publish-panel/test/__snapshots__/index.js.snap
@@ -595,6 +595,8 @@ exports[`PostPublishPanel should render the spinner if the post is being saved 1
   position: relative;
   color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
   overflow: visible;
+  opacity: 1;
+  background-color: transparent;
 }
 
 .emotion-2 {