From da03eda9a7fbf0de883b2c91abcebc63f5ab0584 Mon Sep 17 00:00:00 2001
From: Misode <Misoloo64@gmail.com>
Date: Mon, 15 Feb 2021 00:36:40 +0100
Subject: [PATCH] Make preview controls fade away when not hovered

---
 src/styles/global.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/styles/global.css b/src/styles/global.css
index b8bc2fd5..0649a20e 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -239,6 +239,17 @@ nav > .toggle span {
   width: 100%;
   right: 0;
   padding: 0 5px;
+  opacity: 0;
+  transition: opacity 0.1s;
+  pointer-events: none;
+}
+
+.preview-panel .panel-controls > * {
+  pointer-events: initial;
+}
+
+.preview-panel:hover .panel-controls {
+  opacity: 1;
 }
 
 .panel-controls > *:not(:last-child) {
@@ -738,6 +749,10 @@ nav > .toggle span {
     font-size: 18px;
   }
 
+  body[data-panel="preview"] .preview-panel .panel-controls {
+    opacity: 1;
+  }
+
   .generators-list {
     margin: 0 15px;
   }