fix for mobile view

This commit is contained in:
meaz 2019-10-23 19:29:36 +02:00
parent 13b88ed9e9
commit 6d60692551
2 changed files with 17 additions and 9 deletions

View File

@ -156,9 +156,16 @@ header .scrolldown a:hover { color: #50162D; }
/* primary navigation
------------------------------------*/
#logo-parent {
display: flex;
justify-content: center;
align-items: center;
}
#nav-logo {
display: inline-block;
float: left;
height: 45px;
width: 45px;
background: url("../images/d-white.png") no-repeat left center;
@ -168,7 +175,6 @@ header .scrolldown a:hover { color: #50162D; }
#state-logo {
display: inline-block;
float: right;
height: 45px;
width: 45px;
background: url("../images/state-white.png") no-repeat center center;
@ -178,7 +184,6 @@ header .scrolldown a:hover { color: #50162D; }
#dash-logo {
display: inline-block;
float: right;
height: 45px;
width: 45px;
background: url("../images/dashboard.png") no-repeat center center;
@ -225,6 +230,9 @@ header .scrolldown a:hover { color: #50162D; }
ul#nav {
min-height: 48px;
width: auto;
display: flex;
justify-content: center;
align-items: center;
/* center align the menu */
text-align: right;
@ -271,7 +279,6 @@ ul.dropdown-content a{
.language-selector .btn {
position: relative;
top: 15px;
float: right;
/*color: #f00;*/
}

View File

@ -46,7 +46,6 @@
<nav id="nav-wrap">
<div><a id="nav-logo" href="{{ base_url == '' ? '/#home' : base_url }}"></a></div>
<a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
<a class="mobile-btn" href="#close" title="Hide navigation">Hide navigation</a>
@ -55,6 +54,8 @@
{% macro pageLinkName(text) %}{{ text|lower|replace({' ':'_'}) }}{% endmacro %}
<ul id="nav" class="nav">
<li><div id="logo-parent"><a id="nav-logo" href="{{ base_url == '' ? '/#home' : base_url }}"></a></div></li>
{% for page in pages.children %}
{% if page.visible %}
{% set current_page = (page.active or page.activeChild) ? 'current' : '' %}
@ -74,9 +75,9 @@
{% if config.plugins.login.enabled and grav.user.username %}
<li><i class="fa fa-lock"></i> {% include 'partials/login-status.html.twig' %}</li>
{% endif %}
<li><div id="logo-parent"><a id="dash-logo" href="https://apps.disroot.org" target=_blank></a></li></div>
<li><div id="logo-parent"><a id="state-logo" href="https://state.disroot.org" target=_blank></a></li></div>
<li> {% include 'partials/language-selector.html.twig' %}</li>
</ul>
<div><a id="dash-logo" href="https://apps.disroot.org" target=_blank></a></div>
<div><a id="state-logo" href="https://state.disroot.org" target=_blank></a></div>
{% include 'partials/language-selector.html.twig' %}
</nav>