From a17cfb35f45930a6e19e50a27935dbc6544872d7 Mon Sep 17 00:00:00 2001
From: Stefan Malzner <stefan@adlk.io>
Date: Sat, 3 Mar 2018 21:20:56 +0100
Subject: Finalize titlebar styling

---
 src/styles/title-bar.scss | 53 ++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 48 insertions(+), 5 deletions(-)

diff --git a/src/styles/title-bar.scss b/src/styles/title-bar.scss
index 67bf97008..492245e2f 100644
--- a/src/styles/title-bar.scss
+++ b/src/styles/title-bar.scss
@@ -1,7 +1,50 @@
-#electron-app-title-bar span {
-  line-height: normal;
-}
+#electron-app-title-bar {
+  background: $theme-gray-lightest;
+  border-bottom: 0;
+  box-shadow: 0px 0 8px rgba(#000, 0.1);
+
+  span {
+    line-height: normal;
+  }
+
+  div {
+    height: auto;
+  }
+
+  .toolbar-dropdown {
+    &.open {
+      box-shadow: 0px 0 8px rgba(#000, 0.1);
+    }
+
+    &:not(.open) {
+      .menu-item .menu-label {
+        opacity: 1;
+      }
+
+      &>.toolbar-button > button:hover {
+        background: $theme-brand-primary;
+      }
+    }
+  }
+
+  .list-item {
+    .menu-item {
+      margin: 4px;
+      border-radius: $theme-border-radius-small;
+    }
+    &.selected {
+      // background: $theme-brand-primary;
+      background: none;
+
+      .menu-item {
+        background: $theme-brand-primary;
+      }
+    }
+  }
 
-#electron-app-title-bar div {
-  height: auto;
+  .menu-pane {
+    box-shadow: 0px 0 10px rgba(#000, 0.5);
+    border-bottom-left-radius: $theme-border-radius-small;
+    border-bottom-right-radius: $theme-border-radius-small;
+  }
 }
-- 
cgit v1.2.3-54-g00ecf