raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-24 20:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add same padding than #admin-menu,#sub-menu li a in order to align

Browse Source 
content (header, navigation, content) on both left and right
This commit is contained in:
Jean-Baptiste Bellet
2023-06-17 21:10:05 +02:00
parent 2892301336
commit 1f3d41972f
1 changed files with 37 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
app/webpacker/css/admin_v3/components/navigation.scss
View File

@@ -64,7 +64,7 @@ nav.menu {
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.07);
ul {
display: flex;
justify-content: space-between;
}
li a {
@@ -72,11 +72,6 @@ nav.menu {
}
li {
min-width: 90px;
flex-grow: 1;
padding-left: 2px;
padding-right: 2px;
.dropdown {
width: 300px;
background-color: $teal;
@@ -102,33 +97,42 @@ nav.menu {
// factoized menu item
#admin-menu,
#sub-menu {
li {
a {
display: inline-block;
padding: 16px 20px;
color: $dark-grey !important;
text-align: center;
position: relative;
font-size: 14px;
font-weight: 600;
.container {
padding-left: 10px;
padding-right: 10px;
}
&:hover {
color: $red !important;
ul {
display: flex;
&:after {
content: "";
position: absolute;
bottom: 0;
left: 20px;
right: 20px;
height: 3px;
background: $red;
li {
a {
display: inline-block;
padding: 16px 20px;
color: $dark-grey !important;
text-align: center;
position: relative;
font-size: 14px;
font-weight: 600;
&:hover {
color: $red !important;
&:after {
content: "";
position: absolute;
bottom: 0;
left: 20px;
right: 20px;
height: 3px;
background: $red;
}
}
}
}
&.selected a {
@extend a, :hover;
&.selected a {
@extend a, :hover;
}
}
}
}
@@ -137,6 +141,11 @@ nav.menu {
margin: 0.25em 0;
}
#header .container {
padding-left: 30px;
padding-right: 30px;
}
#login-nav {
line-height: 1.75em;
}