fix(scroll to top): update style

eclipse-tractusx · Jun 7, 2024 · 9ce19dd · 9ce19dd
2 parents ea546b3 + 4448beb
commit 9ce19dd
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 3.0.21
+
+- Add scroll to top button specific css
+
 ## 3.0.20
 
 - Update Font Size for Table Contents

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@catena-x/portal-shared-components",
-  "version": "3.0.20",
+  "version": "3.0.21",
   "description": "Catena-X Portal Shared Components",
   "author": "Catena-X Contributors",
   "license": "Apache-2.0",

diff --git a/src/components/basic/Button/ScrollToTopButton.tsx b/src/components/basic/Button/ScrollToTopButton.tsx
@@ -28,12 +28,23 @@ export const ScrollToTopButton = ({
   onButtonClick,
 }: ScrollToTopButtonProps) => {
   return (
-    <IconButton
-      color="secondary"
-      onClick={onButtonClick}
-      sx={{ position: 'fixed', right: '40px', bottom: '20px' }}
+    <div
+      style={{
+        display: 'flex',
+        justifyContent: 'flex-end',
+      }}
     >
-      <ArrowUpwardIcon />
-    </IconButton>
+      <div
+        style={{
+          position: 'fixed',
+          marginRight: '10px',
+          bottom: '20px',
+        }}
+      >
+        <IconButton color="secondary" onClick={onButtonClick}>
+          <ArrowUpwardIcon />
+        </IconButton>
+      </div>
+    </div>
   )
 }