style(feedback): fix loading indicator alignment (#72717)

closes #71582 fix the alignment on the loading indicator for showing screenshots in feedback before: https://github.com/getsentry/sentry/assets/56095982/018a66dd-42de-491d-9e54-32dda0138ad7 after: https://github.com/getsentry/sentry/assets/56095982/1940d5f2-abaa-4598-b7ab-ca9c7747fca8
getsentry · Jun 13, 2024 · 5fb6159 · 5fb6159
1 parent 81e63df
commit 5fb6159
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/static/app/components/feedback/feedbackItem/feedbackScreenshot.tsx b/static/app/components/feedback/feedbackItem/feedbackScreenshot.tsx
@@ -56,11 +56,11 @@ const StyledPanel = styled(Panel)`
 `;
 
 const StyledLoadingIndicator = styled('div')`
-  position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
+  background: ${p => p.theme.purple100};
 `;
 
 const StyledImageButton = styled('button')`

diff --git a/static/app/components/feedback/feedbackItem/screenshotSection.tsx b/static/app/components/feedback/feedbackItem/screenshotSection.tsx
@@ -92,5 +92,4 @@ const ScreenshotWrapper = styled('ul')`
 const FixedSizeFeedbackScreenshot = styled(FeedbackScreenshot)`
   max-width: 360px;
   max-height: 360px;
-  gap: ${space(1)};
 `;