From 18f35967677aa5cd24f08ed6a044f51bc4456f77 Mon Sep 17 00:00:00 2001
From: Andrew Rynhard <andrew@andrewrynhard.com>
Date: Sun, 20 Oct 2019 00:35:10 +0000
Subject: [PATCH] docs: improve dropdown menu

The adds shadow and border radius to dropdown menu.

Signed-off-by: Andrew Rynhard <andrew@andrewrynhard.com>
---
 docs/website/components/Dropdown.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/docs/website/components/Dropdown.vue b/docs/website/components/Dropdown.vue
index eca4e8210..5108d8861 100644
--- a/docs/website/components/Dropdown.vue
+++ b/docs/website/components/Dropdown.vue
@@ -13,7 +13,7 @@
       </svg>
       <span class="mr-1">{{ dropdownTitle() }}</span>
     </button>
-    <ul class="dropdown-menu absolute pt-1 w-full">
+    <ul class="dropdown-menu absolute pt-1 w-full shadow-md">
       <li class="" v-for="option in options" :key="option.version">
         <a
           @click="handleClick(option)"
@@ -71,8 +71,11 @@ export default {
 }
 
 .dropdown-menu {
+  width: auto;
+  display: none;
   height: 0px;
   background: white;
+  border-radius: 10px;
   overflow: hidden;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
@@ -91,6 +94,7 @@ export default {
 }
 
 .dropdown:hover .dropdown-menu {
+  display: block;
   height: 100px;
 }
 </style>