Merge branch 'bugfix/#309' of github.com:keen-studio/payload

src/client/components/forms/DraggableSection/ActionPanel/index.scss

@@ -33,7 +33,7 @@
   &--vertical-alignment-sticky {
     .action-panel__controls {
       position: sticky;
-      top: 120px;
+      top: $top-header-offset;
       height: unset;
     }
   }

src/client/components/forms/DraggableSection/PositionPanel/index.scss

@@ -29,7 +29,7 @@ $controls-top-adjustment: base(.1);
   &--vertical-alignment-sticky {
     .position-panel__controls {
       position: sticky;
-      top: 120px;
+      top: $top-header-offset;
       height: unset;
     }
   }

src/client/components/forms/DraggableSection/SectionTitle/EditableBlockTitle/index.scss

@@ -25,20 +25,21 @@
   }
 
   input {
-    background: none;
+    background: white;
     border: none;
+    border-radius: $style-radius-s;
     width: 100%;
     margin-left: base(.5);
 
+    &:hover {
+      box-shadow: inset 0px -2px 0px -1px $color-light-gray;
+    }
+
     &:hover,
     &:focus {
       outline: 0;
     }
 
-    &:hover {
-      box-shadow: inset 0px -2px 0px -1px $color-light-gray;
-    }
-
     &:focus {
       box-shadow: none;
     }

src/client/components/forms/DraggableSection/SectionTitle/index.scss

@@ -3,5 +3,4 @@
 .section-title {
   display: flex;
   align-items: center;
-  margin-bottom: base(.75);
 }

src/client/components/forms/DraggableSection/index.scss

@@ -53,6 +53,10 @@
 
   &__section-header {
     display: flex;
+    position: sticky;
+    top: $top-header-offset;
+    z-index: 1;
+    margin-bottom: base(.75);
 
     .toggle-collapse {
       margin: 0 0 0 auto;

src/client/scss/vars.scss

@@ -54,6 +54,11 @@ $style-stroke-width : 1px;
 $style-stroke-width-s : 1px;
 $style-stroke-width-m : 2px;
 
+//////////////////////////////
+// MISC
+//////////////////////////////
+$top-header-offset: 120px;
+
 //////////////////////////////
 // SHADOWS
 //////////////////////////////