From fdb23c948dc50534087fbf1f46c5fae4356f500f Mon Sep 17 00:00:00 2001
From: Eric Dvorsak <eric@dvorsak.fr>
Date: Mon, 30 Oct 2017 19:50:36 +0100
Subject: [PATCH] [bug] fix dropdown menu

---
 src/cljs/commiteth/core.cljs |  7 ++++---
 src/less/style.less          | 18 +++++++++++++++---
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/cljs/commiteth/core.cljs b/src/cljs/commiteth/core.cljs
index 62eb5b5..2ed7128 100644
--- a/src/cljs/commiteth/core.cljs
+++ b/src/cljs/commiteth/core.cljs
@@ -37,8 +37,8 @@
 
 (defn user-dropdown [user items]
   (let [menu (if @user-dropdown-open?
-                  [:div.ui.menu.transition.visible]
-                  [:div.ui.menu.transition.hidden])
+               [:div.ui.menu.transition.visible]
+               [:div.ui.menu.transition.hidden])
         avatar-url (:avatar_url user)]
     [:div.ui.left.item.dropdown
      {:on-click #(swap! user-dropdown-open? not)}
@@ -185,9 +185,10 @@
         show-top-hunters? #(contains? #{:bounties :activity} @current-page)]
     (fn []
       [:div.ui.pusher
+       [:div.vertical.commiteth-background.wide]
        [page-header]
        [:div.ui.vertical.segment
-        [:div.ui.container
+        [:div.ui.container.page
          [:div.ui.grid.stackable
           [:div {:class (str (if (show-top-hunters?) "ten" "sixteen")
                              " wide computer sixteen wide tablet column")}
diff --git a/src/less/style.less b/src/less/style.less
index 21245a6..5b0abed 100644
--- a/src/less/style.less
+++ b/src/less/style.less
@@ -45,12 +45,21 @@
 
 
 .commiteth-header {
-    background-color: #57a7ed!important;
     border-radius: 0em;
     padding-top: 1.5em;
     padding-bottom: 2.5em;
+    z-index: 1;
 }
 
+.commiteth-background {
+    background-color: #57a7ed!important;
+    width: 100%;
+    height: 150px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -2;
+}
 
 .status-logo {
     width: 42px;
@@ -173,8 +182,7 @@
     border-radius: 8px;
     border: none;
     padding: .5em;
-    z-index: 999;
-    transform: translate(100%, -100%);
+    visibility: hidden;
     .item>a {
         color: #fff;
         pointer: default;
@@ -430,6 +438,10 @@
 
 }
 
+.ui.container.page {
+    z-index: -1;
+    position: relative;
+}
 
 .ui.cards>.card  {
     border: #e7e7e7 solid 0.1em;