From 8a1ac197778aaf654472788d10461c855dca3b10 Mon Sep 17 00:00:00 2001
From: multiple creatures <dev@multiple-creature.party>
Date: Thu, 16 May 2019 15:41:49 -0500
Subject: when autoplay is off play animated emoji on hover

---
 .../flavours/glitch/styles/components/emoji.scss           | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

(limited to 'app/javascript/flavours/glitch/styles')

diff --git a/app/javascript/flavours/glitch/styles/components/emoji.scss b/app/javascript/flavours/glitch/styles/components/emoji.scss
index dd386d698..2d1395e4f 100644
--- a/app/javascript/flavours/glitch/styles/components/emoji.scss
+++ b/app/javascript/flavours/glitch/styles/components/emoji.scss
@@ -11,6 +11,20 @@
   }
 }
 
+.hoverplay {
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 0 0;
+}
+
+.hoverplay:hover {
+  background-size: contain;
+  position: relative;
+  box-sizing: border-box;
+  overflow: hidden;
+  padding-left: 16px;
+}
+
 .emoji-picker-dropdown__menu {
   background: $simple-background-color;
   position: absolute;
-- 
cgit