raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-27 01:43:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

New design of the admin navigation menu!

Browse Source
This commit is contained in:
Jean-Baptiste Bellet
2022-11-18 09:53:42 +01:00
parent 85d3f5f9d7
commit 49e376f9b6
2 changed files with 72 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/webpacker/css/admin/v2/main.scss
View File

@@ -1,2 +1,5 @@
@import "variables.scss";
body.admin.admin-v2 {
@import "navigation.scss";
}

69
app/webpacker/css/admin/v2/navigation.scss Normal file
View File

@@ -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;
}
}