feat(new api option pin): popover only closes by clicking the trigger

rapid-build-ui · Dec 28, 2018 · 62dcfd0 · 62dcfd0
1 parent af5d09f
commit 62dcfd0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/client/scripts/rb-popover.js b/src/client/scripts/rb-popover.js
@@ -52,6 +52,7 @@
 			fitContent: props.boolean,
 			hover: props.boolean,
 			kind: props.string,
+			pin: props.boolean, // popover only closes by clicking trigger
 			unstyled: props.boolean,
 			iconKind: props.string,
 			iconSize: props.number,
@@ -186,6 +187,7 @@
 		this.showPopover = true;
 	}
 	_windowClickToggle(e) { // :void
+		if (this.pin) return;
 		if (!this.showPopover) return;
 		const path = e.composedPath();
 		if (path.includes(this.rb.elms.popover)) return;

diff --git a/src/client/styles/main/trigger.scss b/src/client/styles/main/trigger.scss
@@ -2,6 +2,7 @@
  * TRIGGER
  **********/
 rb-button {
+	transition: opacity .18s;
 	&:hover {
 		opacity: .6;
 	}