Add button to close inline popups

ChangeLog

@@ -1,3 +1,10 @@
+Version 1.0.35
+--------------
+
+Improvements:
+
+* Add button to close inline popups
+
 Version 1.0.34
 --------------
 

assets/js/src/Popover.js

@@ -13,6 +13,10 @@ Kanboard.Popover.prototype.listen = function() {
         self.close(e);
     });
 
+    $(document).on("click", "#popover-close-button", function(e) {
+        self.close(e);
+    });
+
     $(document).on("click", "#popover-content", function(e) {
         e.stopPropagation();
     });
@@ -43,7 +47,15 @@ Kanboard.Popover.prototype.open = function(link) {
 
     if (!self.isOpen()) {
         $.get(link, function(content) {
-            $("body").prepend('<div id="popover-container"><div id="popover-content">' + content + '</div></div>');
+            $("body").prepend(
+                '<div id="popover-container">' +
+                '<div id="popover-content">' +
+                '<div id="popover-content-header"><a href="#" id="popover-close-button"><i class="fa fa-times"></i></a></div>' +
+                content +
+                '</div>' +
+                '</div>'
+            );
+
             self.executeOnOpenedListeners();
         });
     }

assets/sass/_popover.sass

@@ -19,9 +19,17 @@
   top: 5%
   left: 50%
   transform: translateX(-50%)
-  padding: 15px
+  padding: 0 15px 15px
   background: #fff
   overflow: auto
 
+#popover-content-header
+  text-align: right
+
+#popover-close-button
+  color: color('primary')
+  &:hover
+    color: color('error')
+
 .popover-form
   margin-bottom: 0