M-Labs/web2019
5
0
Fork 2
Code Issues 20 Pull Requests 3 Releases Wiki Activity

fix(menu): Corrects due to responsive

Browse Source
This commit is contained in:
sovanna 2019-07-19 16:16:26 +02:00
parent f5287a5f10
commit 264ab3d0ec
3 changed files with 28 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
sass/css/_base.scss
View File

@ -125,7 +125,8 @@ a {
.dropdown-menu {
border: none;
margin-top: 12px;
margin-top: 0;
padding-top: 0;
}
.dropdown-item {
&:hover,
@ -175,6 +176,25 @@ ul.th li::before {
margin-left: -1em;
}
ul:not(.navbar-nav) {
list-style: none;
margin-left: 0!important;
}
ul:not(.navbar-nav) li::before {
content: "\2022";
color: $brand-color;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
ul:not(.navbar-nav) li {
padding: .5rem 0;
}
.bg-white-shadow {
background: url(../images/migen-links@2x.png);
background-repeat: no-repeat;

5
sass/css/_layout.scss
View File

@ -106,6 +106,11 @@ h3, h2, h1 {
}
}
}
.dropdown-menu {
padding-top: .5rem;
margin-top: 12px;
}
}
// Extra large devices (large desktops, 1200px and up)

4
templates/_base.html
View File

@ -83,9 +83,9 @@
<a class="nav-link dropdown-toggle {% if current_path == subsection.path %}active{% endif %}" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ subsection.title }}
</a>
<div class="dropdown-menu shadow-none shadow-lg text-right text-lg-left mt-0 pt-0" aria-labelledby="navbarDropdown">
<div class="dropdown-menu shadow-none shadow-lg text-right text-lg-left" aria-labelledby="navbarDropdown">
{% for page in subsection.pages %}
<a class="dropdown-item pt-2 pb-2 {% if current_path == page.path %}active{% endif %}" href="{{ page.permalink }}">{{ page.title }}</a>
<a class="dropdown-item pt-2 pb-2 pt-sm-3 pb-sm-3 {% if current_path == page.path %}active{% endif %}" href="{{ page.permalink }}">{{ page.title }}</a>
{% endfor %}
</div>
</li>