Disroot-themes/grav-theme-disroot
Disroot-themes
/
grav-theme-disroot
7
2
Fork 0
Code Pull Requests Releases Activity

improve render of logos in mobile view

This commit is contained in:
meaz 2019-10-24 12:32:21 +02:00
parent 76cc657c51
commit 28bfe94362
3 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/media-queries.css
View File

@ -139,6 +139,17 @@ Disroot Media Queries
float:right;
}
/* remove margin from right logos */
ul#nav li:nth-last-child(2) {
margin-left: 0px;
}
/* hide D logos */
ul#nav li:first-child {
visibility: hidden;
height: 0px;
}
ul#nav li {
display: block;
height: auto;

3
css/style.css
View File

@ -233,7 +233,6 @@ ul#nav {
display: flex;
justify-content: center;
align-items: center;
/* center align the menu */
text-align: right;
padding: 0 2%;
@ -249,7 +248,7 @@ ul#nav li:first-child {
margin-right: 50px;
}
ul#nav li:nth-last-child(3) {
ul#nav li:nth-last-child(2) {
margin-left: 50px;
}

6
templates/partials/navigation.html.twig
View File

@ -75,8 +75,10 @@
{% 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></div></li>
<li><div id="logo-parent"><a id="state-logo" href="https://state.disroot.org" target=_blank></a></div></li>
<li><div id="logo-parent">
<a id="dash-logo" href="https://apps.disroot.org" target=_blank></a>
<a id="state-logo" href="https://state.disroot.org" target=_blank></a>
</div></li>
<li> {% include 'partials/language-selector.html.twig' %}</li>
</ul>