From 49e376f9b6d5ad61ca1d3cd214f04186c4fa6601 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Bellet <jb.bellet@gmail.com>
Date: Fri, 18 Nov 2022 09:53:42 +0100
Subject: [PATCH] New design of the admin navigation menu!

---
 app/webpacker/css/admin/v2/main.scss       |  3 +
 app/webpacker/css/admin/v2/navigation.scss | 69 ++++++++++++++++++++++
 2 files changed, 72 insertions(+)
 create mode 100644 app/webpacker/css/admin/v2/navigation.scss

diff --git a/app/webpacker/css/admin/v2/main.scss b/app/webpacker/css/admin/v2/main.scss
index b10eb9bb64..16c8b4370e 100644
--- a/app/webpacker/css/admin/v2/main.scss
+++ b/app/webpacker/css/admin/v2/main.scss
@@ -1,2 +1,5 @@
 @import "variables.scss";
 
+body.admin.admin-v2 {
+  @import "navigation.scss";
+}
diff --git a/app/webpacker/css/admin/v2/navigation.scss b/app/webpacker/css/admin/v2/navigation.scss
new file mode 100644
index 0000000000..e2ca6f08c8
--- /dev/null
+++ b/app/webpacker/css/admin/v2/navigation.scss
@@ -0,0 +1,69 @@
+#header {
+  #login-nav {
+    li {
+      color: $v2-medium-dark-grey;
+
+      &:hover {
+        a, i {
+          color: $v2-orange;
+        }
+      }
+
+      a {
+        color: $v2-medium-dark-grey;
+      }
+    }
+  }
+}
+
+#admin-menu {
+  background-color: $v2-orange;
+
+  li a span.text {
+    font-weight: 700;
+  }
+
+  li.tab-with-icon a:before {
+    display: none;
+  }
+
+  li a:hover, li.selected a {
+    background-color: $v2-orange-light;
+
+    span {
+      text-shadow: 1px 1px 9px $v2-orange;
+    }
+
+    &:after {
+      display: none;
+    }
+  }
+}
+
+
+#sub-menu {
+  background-color: $v2-orange-light;
+
+  li a {
+    font-size: 100%;
+  }
+
+  li a:hover, li.selected a {
+    text-shadow: 1px 1px 9px $v2-orange;
+    background-color: $v2-orange-lighter;
+    
+    &:after {
+      display: none;
+    }
+  }
+}
+
+.admin__section-header {
+  background-color: transparent;
+  border-bottom: none;
+
+  h1.js-admin-page-title {
+    color: $v2-medium-dark-grey;
+  }
+}
+