FIX layout issues with userform in elemental context

silverstripe · May 24, 2024 · 15b7932 · 15b7932
1 parent 24ba62a
commit 15b7932
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/client/src/bundles/FieldEditor.js b/client/src/bundles/FieldEditor.js
@@ -12,7 +12,7 @@ jQuery.entwine('ss', ($) => {
       let thisLevel = 0;
       let depth = 0;
       const $buttonrow = $('.uf-field-editor .ss-gridfield-buttonrow').addClass('sticky-buttons');
-      const navHeight = $('.cms-content-header.north').first().height()
+      const navHeight = $('.cms-content-header').first().height()
         + parseInt($('.sticky-buttons').css('padding-top'), 10);
       const fieldEditor = $('.uf-field-editor');
 

diff --git a/client/src/styles/userforms-cms.scss b/client/src/styles/userforms-cms.scss
@@ -1,5 +1,6 @@
 .uf-field-editor {
   padding-bottom: 0;
+  position: relative;
 
   // Row styles
   .grid-field__table {
@@ -123,8 +124,8 @@
   }
 
   .sticky-buttons {
-    position: fixed;
-    top: 73px;
+    position: sticky;
+    top: -1.7rem;
     z-index: 1;
     background: $body-bg;
     border-bottom: 1px solid $border-color-light;
@@ -202,4 +203,4 @@
       vertical-align: middle;
     }
   }
-}
+}