fix(menu): Corrects due to responsive

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

View File

@ -125,7 +125,8 @@ a {
.dropdown-menu { .dropdown-menu {
border: none; border: none;
margin-top: 12px; margin-top: 0;
padding-top: 0;
} }
.dropdown-item { .dropdown-item {
&:hover, &:hover,
@ -175,6 +176,25 @@ ul.th li::before {
margin-left: -1em; 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 { .bg-white-shadow {
background: url(../images/migen-links@2x.png); background: url(../images/migen-links@2x.png);
background-repeat: no-repeat; background-repeat: no-repeat;

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) // Extra large devices (large desktops, 1200px and up)

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"> <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 }} {{ subsection.title }}
</a> </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 %} {% 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 %} {% endfor %}
</div> </div>
</li> </li>