Made modal draggable (#1822)

Co-authored-by: Stefan Forsgren <stefan@[email protected]>

src/ui/modal.js

@@ -2,6 +2,7 @@ import Component from './component';
 import Element from './element';
 import Button from './button';
 import { html } from './dom/dom';
+import utils from '../utils';
 
 /**
  * Creates a modal and displays it. The modal is created as a div tag that is attached to the DOM as a child of the options.target element.
@@ -93,7 +94,7 @@ export default function Modal(options = {}) {
       headerCmps.push(closeButton);
 
       headerEl = Element({
-        cls: 'flex row justify-end grey-lightest',
+        cls: 'flex row justify-end grey-lightest draggable',
         components: headerCmps
       });
       const elOptions = { cls: 'o-modal-content' };
@@ -121,6 +122,8 @@ export default function Modal(options = {}) {
     },
     onRender() {
       modal = document.getElementById(this.getId());
+      const modalBox = modal.getElementsByClassName('o-modal')[0];
+      utils.makeElementDraggable(modalBox);
       document.getElementById(screenEl.getId()).addEventListener('click', () => {
         if (!isStatic) {
           closeButton.dispatch('click');