Add ability to grab and move popovers.

1 files changed, 18 insertions, 0 deletions

diff --git a/style.css b/style.css
index 3377f44..4b78cee 100644
--- a/style.css
+++ b/style.css
@@ -348,6 +348,9 @@ html, body {
   padding: 0.1rem 0.3rem;
 }
 
+.popover-header h6 {
+  margin: 0;
+}
 /* inspired from bootstrap's .btn-close */
 .popover-header .popover-button {
   box-sizing: content-box;
@@ -384,3 +387,18 @@ html, body {
 .popover-header .popover-button-close {
   --popover-button-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath transform='scale(1.3332) translate(-2 -2)' d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3e%3c/svg%3e");
 }
+
+.popover .grabbing-area {
+  cursor: move; /* fallback if grab cursor is unsupported */
+  cursor: grab;
+  cursor: -moz-grab;
+  cursor: -webkit-grab;
+}
+.popover .grabbing-area.grabbing-area-grabbed {
+  cursor: grabbing;
+  cursor: -moz-grabbing;
+  cursor: -webkit-grabbing;
+}
+.popover.popover-detached > .popover-arrow {
+  display: none;
+}