forked from Disroot/Howto
some adjustment. but mobile language menu still behaves crazy.
This commit is contained in:
parent
b0ecff9170
commit
85a5661eb5
4 changed files with 17 additions and 10 deletions
|
@ -110,24 +110,29 @@
|
||||||
|
|
||||||
/* 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 {
|
||||||
|
right: 150px;
|
||||||
|
top: 200px;
|
||||||
|
color: #b9a2ab;
|
||||||
|
background-color: #50162D;
|
||||||
|
border-color: #50162D;
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -135,7 +140,6 @@
|
||||||
padding: 12px 15px;
|
padding: 12px 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
|
|
|
@ -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
1
themes/grav-theme-howto/grav-theme-howto
Symbolic link
|
@ -0,0 +1 @@
|
||||||
|
/var/www//themes/grav-theme-howto
|
|
@ -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' : '' %}
|
||||||
|
|
Loading…
Reference in a new issue