From 7759dde4b6046a093c1ce1825a3a23264778cd94 Mon Sep 17 00:00:00 2001
From: Lucien Cartier-Tilet <lucien@phundrak.com>
Date: Sat, 2 May 2020 15:54:03 +0200
Subject: [PATCH] Fixed position of dropdowns that overlapped with navbar

---
 web/style/style.scss | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/web/style/style.scss b/web/style/style.scss
index a015c17..edd9846 100644
--- a/web/style/style.scss
+++ b/web/style/style.scss
@@ -308,14 +308,14 @@ header {
     &:focus-within {
         .dropdown {
             opacity: 1;
-            top: $navbar-height / 1.3;
+            top: $navbar-height;
             z-index: 5;
             pointer-events: auto;
         }
 
         #table-of-contents {
-            opacity: 1;
             top: $navbar-height / 1.3;
+            opacity: 1;
             z-index: 5;
             height: 500%;
             pointer-events: auto;
@@ -353,10 +353,13 @@ header {
     float: right;
     overflow-y: auto;
     height: 0%;
-    width: 400px;
-    transform: translateX(0);
-    transition: height 500ms ease-in-out, opacity 500ms ease-in-out;
+    width: 75%;
+    min-width: 350px;
+    transform: translateX(-45%);
     font-size: 0.9em;
+    top: -40px;
+
+    transition: height 500ms ease-in-out, opacity 500ms ease-in-out, top 500ms ease-in-out;
 
     h2 {
         font-size: 1.2em;