fix(editor): make palette, form and properties panel overflow scroll

Related to camunda/camunda-modeler#2258
bpmn-io · Aug 16, 2021 · 365d578 · 365d578
1 parent 09f0d85
commit 365d578
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/form-js-editor/assets/form-js-editor.css b/packages/form-js-editor/assets/form-js-editor.css
@@ -18,6 +18,7 @@
 .fjs-editor-container .fjs-palette-container,
 .fjs-editor-container .fjs-properties-container {
   overflow-y: auto;
+  position: relative;
 }
 
 .fjs-editor-container .fjs-form-container,
@@ -154,7 +155,6 @@
   width: 300px;
   background-color: var(--color-silver-base-97);
   border-left: solid 1px var(--color-silver-darken-80);
-  position: relative;
   height: 100%;
 }
 

diff --git a/packages/form-js-editor/src/render/components/palette/Palette.js b/packages/form-js-editor/src/render/components/palette/Palette.js
@@ -35,11 +35,11 @@ const types = [
 
 
 export default function Palette(props) {
-  return <Fragment>
+  return <div class="fjs-palette">
     <div class="fjs-palette-header" title="Form elements library">
       <span class="fjs-hide-compact">FORM ELEMENTS </span>LIBRARY
     </div>
-    <div class="fjs-palette fjs-drag-container fjs-no-drop">
+    <div class="fjs-palette-fields fjs-drag-container fjs-no-drop">
       {
         types.map(({ label, type }) => {
           const Icon = iconsByType[ type ];
@@ -59,5 +59,5 @@ export default function Palette(props) {
         })
       }
     </div>
-  </Fragment>;
+  </div>;
 }