fix: dropdown styles

oaeproject · Dec 9, 2020 · 67c14c7 · 67c14c7
1 parent 4c0b57c
commit 67c14c7
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/src/components/sidebar.js b/src/components/sidebar.js
@@ -25,7 +25,7 @@ class Sidebar extends LitElement {
             <div class="level-item">
               <div class="dropdown is-hoverable">
                 <div class="dropdown-trigger">
-                  <button class="button" aria-haspopup="true" aria-controls="dropdown-menu4">
+                  <button class="button dropdown-sidebar" aria-haspopup="true" aria-controls="dropdown-menu4">
                     <span>Home</span>
                     <span class="icon is-small">
                       <i class="fas fa-angle-down" aria-hidden="true"></i>

diff --git a/style/app.scss b/style/app.scss
@@ -232,6 +232,13 @@ a.network {
   margin: 30px 0 5px 0;
 }
 
+// Sidebar Dropdown
+
+button.button.dropdown-sidebar {
+  background-color: transparent;
+  border: none;
+}
+
 // Top Bar
 .top-nav {
   margin: 0.5em 2.5em 0.5em 2.5em;

diff --git a/style/testing-styles.scss b/style/testing-styles.scss
@@ -111,6 +111,15 @@ body {
   margin: 3%;
 }
 
+// Dropdown
+button.button.dropdown-sidebar {
+  background-color: brown;
+}
+
+.level.sidebar-dropdown {
+  margin-bottom: 0;
+}
+
 // Main content
 .main-content {
   height: 100%;