From f773a156ab56a80addeb3b9804eaebf2bf507f9a Mon Sep 17 00:00:00 2001
From: zombieFox <crudetoaster@gmail.com>
Date: Sun, 1 Dec 2019 23:52:44 +0000
Subject: [PATCH] [design] restore menu transparency when edge is shown

---
 src/css/menu.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/css/menu.css b/src/css/menu.css
index 259e9120..ec8c8db2 100755
--- a/src/css/menu.css
+++ b/src/css/menu.css
@@ -6,9 +6,9 @@
   width: 100%;
   height: 80vh;
   transform: translateY(calc(-100% - 2em));
-  transition: transform var(--layout-timing-extra-fast);
   z-index: var(--z-index-menu);
   pointer-events: none;
+  transition: transform var(--layout-timing-extra-fast);
 }
 
 .menu:focus {
@@ -22,14 +22,18 @@
 .menu-area {
   background-color: rgb(var(--theme-gray-01));
   border-radius: var(--theme-radius);
-  box-shadow: var(--layout-shadow-large);
   width: 100%;
   max-height: 100%;
   overflow-y: auto;
+  box-shadow: var(--layout-shadow-large);
   pointer-events: all;
   transition: background-color var(--layout-timing-extra-fast);
 }
 
+.is-edge .menu-area {
+  background-color: rgba(var(--theme-gray-01), 0.8);
+}
+
 .menu-nav {
   display: flex;
   flex-direction: row;