[Client] 🎨

src/web/app/common/tags/reaction-picker.tag

@@ -26,6 +26,7 @@
 				width 100%
 				height 100%
 				background rgba(0, 0, 0, 0.1)
+				opacity 0
 
 			> .popover
 				position absolute
@@ -130,9 +131,16 @@
 				this.refs.popover.style.top = y + 'px';
 			}
 
+			anime({
+				targets: this.refs.backdrop,
+				opacity: 1,
+				duration: 100,
+				easing: 'linear'
+			});
+
 			anime({
 				targets: this.refs.popover,
-				opacity: [0, 1],
+				opacity: 1,
 				scale: [0.5, 1],
 				duration: 500
 			});

src/web/app/common/tags/stream-indicator.tag

@@ -64,7 +64,7 @@
 				targets: this.root,
 				opacity: 1,
 				easing: 'linear',
-				duration: 50
+				duration: 100
 			});
 		});
 	</script>