implemented the sticky header

pimcore · Jan 31, 2025 · be80b09 · be80b09
1 parent 301f634
commit be80b09
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/assets/js/src/core/components/versions-fields-list/versions-fields-list.styles.ts b/assets/js/src/core/components/versions-fields-list/versions-fields-list.styles.ts
@@ -16,7 +16,21 @@ import { createStyles } from 'antd-style'
 export const useStyles = createStyles(({ token, css }) => {
   return {
     headerContainer: css`
+      position: sticky;
+      top: 0;
       width: 100%;
+      z-index: 2;
+      
+      &::before {
+        content: '';
+        position: absolute;
+        top: -15px;
+        bottom: 0;
+        width: 100%;
+        height: 20px;
+        background-color: #fff;
+        z-index: -1;
+      }
     `,
 
     headerItem: css`