bhh/Howto
1
0
Fork 0
forked from Disroot/Howto
Code Issues Pull requests Projects Releases Wiki Activity

some adjustment. but mobile language menu still behaves crazy.

Browse source
This commit is contained in:
antil0pa 2020-01-15 16:44:59 +01:00
parent b0ecff9170
commit 85a5661eb5
4 changed files with 17 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
themes/grav-theme-howto/css/media-queries.css
View file

@ -110,32 +110,36 @@
/* Language menu*/ /* Language menu*/
#language { .language-selector {
position: fixed; position: fixed;
top: 0px; top: -10px;
right: 75px; right: 30px;
} }
.language-selector .btn { .language-selector .btn {
top: 35px;
font-size: 1.2rem; font-size: 1.2rem;
padding: 19px 15px; padding: 19px 15px;
} }
.language-selector .btn i { .language-selector .btn i {
position: absolute; top: 40px;
top: 35px;
right: 20px; right: 20px;
} }
.language-selector .dropdown-menu { .language-selector .dropdown-menu {
font-size: 1.1rem; right: 150px;
top: 200px;
color: #b9a2ab;
background-color: #50162D;
border-color: #50162D;
font-size: 1.1rem;
} }
.language-selector .dropdown-menu>li>a { .language-selector .dropdown-menu>li>a {
padding: 12px 15px; padding: 12px 15px;
} }
} }
@media (max-width: 600px) { @media (max-width: 600px) {

6
themes/grav-theme-howto/css/style.css
View file

@ -153,6 +153,9 @@ a:hover {
/* Menu Settings */ /* Menu Settings */
.main-nav {
}
.main-nav ul { .main-nav ul {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -261,8 +264,7 @@ a:hover {
color: #b9a2ab; color: #b9a2ab;
background-color: #50162D; background-color: #50162D;
border-color: #50162D; border-color: #50162D;
right: 0px; top: 20px;
left: auto;
font-size: 1.1rem; font-size: 1.1rem;
} }

1
themes/grav-theme-howto/grav-theme-howto Symbolic link
View file

@ -0,0 +1 @@
/var/www//themes/grav-theme-howto

2
themes/grav-theme-howto/templates/partials/navigation.html.twig
View file

@ -23,10 +23,10 @@
{% endmacro %} {% endmacro %}
<a class="mobile-btn" href="#main-nav" title="Show navigation">Show navigation</a> <a class="mobile-btn" href="#main-nav" title="Show navigation">Show navigation</a>
<a class="mobile-btn" href="#close" title="Hide navigation">Hide navigation</a> <a class="mobile-btn" href="#close" title="Hide navigation">Hide navigation</a>
{% include 'partials/language-selector.html.twig' %}
<ul id="nav"> <ul id="nav">
{% if theme_config.dropdown.enabled %} {% if theme_config.dropdown.enabled %}
{{ _self.loop(pages) }} {{ _self.loop(pages) }}
{% include 'partials/language-selector.html.twig' %}
{% else %} {% else %}
{% for page in pages.children.visible %} {% for page in pages.children.visible %}
{% set current_page = (page.active or page.activeChild) ? 'selected' : '' %} {% set current_page = (page.active or page.activeChild) ? 'selected' : '' %}