From 0c0488cc79f363a2aaebac14d9edca76faf492fc Mon Sep 17 00:00:00 2001 From: Guilhem Moulin Date: Mon, 22 Jan 2024 01:58:37 +0100 Subject: Add ability to grab and move popovers. --- style.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) (limited to 'style.css') 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; +} -- cgit v1.2.3