about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles
diff options
context:
space:
mode:
authormultiple creatures <dev@multiple-creature.party>2019-05-17 10:19:16 -0500
committermultiple creatures <dev@multiple-creature.party>2019-05-21 03:16:23 -0500
commitdd021e85709e5173f6753b188db424729374db3d (patch)
tree4e0014fe00ecae9e441e639ddd46d9a2fcf693c8 /app/javascript/flavours/glitch/styles
parent75d114216e3f60848493c46a68e6b03fb4f07b3d (diff)
fix hover-to-play emoji clipping
Diffstat (limited to 'app/javascript/flavours/glitch/styles')
-rw-r--r--app/javascript/flavours/glitch/styles/components/accounts.scss2
-rw-r--r--app/javascript/flavours/glitch/styles/components/composer.scss2
-rw-r--r--app/javascript/flavours/glitch/styles/components/status.scss4
3 files changed, 8 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/accounts.scss b/app/javascript/flavours/glitch/styles/components/accounts.scss
index c0340e3f8..ddcce1218 100644
--- a/app/javascript/flavours/glitch/styles/components/accounts.scss
+++ b/app/javascript/flavours/glitch/styles/components/accounts.scss
@@ -556,6 +556,8 @@
         height: 22px;
       }
 
+      .hoverplay:hover { padding-left: 22px }
+
       h1 {
         font-size: 16px;
         line-height: 24px;
diff --git a/app/javascript/flavours/glitch/styles/components/composer.scss b/app/javascript/flavours/glitch/styles/components/composer.scss
index fcf1ba907..24531c068 100644
--- a/app/javascript/flavours/glitch/styles/components/composer.scss
+++ b/app/javascript/flavours/glitch/styles/components/composer.scss
@@ -212,6 +212,8 @@
     height: 20px;
     margin: -5px 0 0;
   }
+
+  .hoverplay:hover { padding-left: 20px }
 }
 
 .emoji-picker-dropdown {
diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss
index 0ca167173..1b9fbc905 100644
--- a/app/javascript/flavours/glitch/styles/components/status.scss
+++ b/app/javascript/flavours/glitch/styles/components/status.scss
@@ -22,6 +22,8 @@
     margin: -3px 0 0;
   }
 
+  .hoverplay:hover { padding-left: 20px }
+
   p, pre, blockquote {
     margin-bottom: 20px;
     white-space: pre-wrap;
@@ -545,6 +547,8 @@
       height: 24px;
       margin: -1px 0 0;
     }
+
+    .hoverplay:hover { padding-left: 24px }
   }
 
   .video-player {