From b0ecff9170b154641e5e66422937755c3416c619 Mon Sep 17 00:00:00 2001
From: meaz <meaz@disroot.org>
Date: Tue, 14 Jan 2020 18:32:07 +0100
Subject: [PATCH 1/6] Apply disroot flavors to selector

---
 themes/grav-theme-howto/css/media-queries.css | 28 ++++++++++++++++++
 themes/grav-theme-howto/css/style.css         | 29 ++++++++++++++++++-
 2 files changed, 56 insertions(+), 1 deletion(-)

diff --git a/themes/grav-theme-howto/css/media-queries.css b/themes/grav-theme-howto/css/media-queries.css
index a6c7a6ef..125700b0 100644
--- a/themes/grav-theme-howto/css/media-queries.css
+++ b/themes/grav-theme-howto/css/media-queries.css
@@ -108,6 +108,34 @@
 
 @media (max-width: 900px) and (min-width:601px) {
 
+  /* Language menu*/
+
+  #language {
+      position: fixed;
+      top: 0px;
+      right: 75px;
+  }
+
+  .language-selector .btn {
+      font-size: 1.2rem;
+      padding: 19px 15px;
+  }
+
+  .language-selector .btn i {
+      position: absolute;
+      top: 35px;
+      right: 20px;
+  }
+
+  .language-selector .dropdown-menu {
+    font-size: 1.1rem;
+  }
+
+  .language-selector .dropdown-menu>li>a {
+      padding: 12px 15px;
+  }
+
+
 }
 
 @media (max-width: 600px) {
diff --git a/themes/grav-theme-howto/css/style.css b/themes/grav-theme-howto/css/style.css
index ccfcfbf0..def1b1b9 100644
--- a/themes/grav-theme-howto/css/style.css
+++ b/themes/grav-theme-howto/css/style.css
@@ -240,11 +240,38 @@ a:hover {
 /* hide toggle button */
 .main-nav > a.mobile-btn { display: none; }
 
-/* Language selector */
+/* age selector */
 
 .language-selector .btn {
     position: relative;
     top: 20px;
+    color: #b9a2ab;
+    background-color: #50162D;
+    border-color: #50162D;
+    font-size: 1.2rem;
+}
+
+.language-selector .btn i {
+    position: absolute;
+    top: 25px;
+    right: 15px;
+}
+
+.language-selector .dropdown-menu {
+  color: #b9a2ab;
+  background-color: #50162D;
+  border-color: #50162D;
+  right: 0px;
+  left: auto;
+  font-size: 1.1rem;
+}
+
+.language-selector .dropdown-menu li:hover {
+    background-color: #8EB726;
+}
+
+.language-selector .dropdown-menu>li>a {
+  color: #b9a2ab;
 }
 
 /* Volor bar */

From 85a5661eb5ac865d2b778d13841c4ab4f2834d95 Mon Sep 17 00:00:00 2001
From: antil0pa <antilopa@disroot.org>
Date: Wed, 15 Jan 2020 16:44:59 +0100
Subject: [PATCH 2/6] some adjustment. but mobile language menu still behaves
 crazy.

---
 themes/grav-theme-howto/css/media-queries.css  | 18 +++++++++++-------
 themes/grav-theme-howto/css/style.css          |  6 ++++--
 themes/grav-theme-howto/grav-theme-howto       |  1 +
 .../templates/partials/navigation.html.twig    |  2 +-
 4 files changed, 17 insertions(+), 10 deletions(-)
 create mode 120000 themes/grav-theme-howto/grav-theme-howto

diff --git a/themes/grav-theme-howto/css/media-queries.css b/themes/grav-theme-howto/css/media-queries.css
index 125700b0..f35b94bc 100644
--- a/themes/grav-theme-howto/css/media-queries.css
+++ b/themes/grav-theme-howto/css/media-queries.css
@@ -110,32 +110,36 @@
 
   /* Language menu*/
 
-  #language {
+  .language-selector {
       position: fixed;
-      top: 0px;
-      right: 75px;
+      top: -10px;
+      right: 30px;
   }
 
   .language-selector .btn {
+      top: 35px;
       font-size: 1.2rem;
       padding: 19px 15px;
   }
 
   .language-selector .btn i {
-      position: absolute;
-      top: 35px;
+      top: 40px;
       right: 20px;
   }
 
   .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 {
       padding: 12px 15px;
   }
 
-
 }
 
 @media (max-width: 600px) {
diff --git a/themes/grav-theme-howto/css/style.css b/themes/grav-theme-howto/css/style.css
index def1b1b9..b4692359 100644
--- a/themes/grav-theme-howto/css/style.css
+++ b/themes/grav-theme-howto/css/style.css
@@ -153,6 +153,9 @@ a:hover {
 
 /* Menu Settings */
 
+.main-nav {
+}
+
 .main-nav ul {
     display: flex;
     justify-content: space-between;
@@ -261,8 +264,7 @@ a:hover {
   color: #b9a2ab;
   background-color: #50162D;
   border-color: #50162D;
-  right: 0px;
-  left: auto;
+  top: 20px;
   font-size: 1.1rem;
 }
 
diff --git a/themes/grav-theme-howto/grav-theme-howto b/themes/grav-theme-howto/grav-theme-howto
new file mode 120000
index 00000000..307685fa
--- /dev/null
+++ b/themes/grav-theme-howto/grav-theme-howto
@@ -0,0 +1 @@
+/var/www//themes/grav-theme-howto
\ No newline at end of file
diff --git a/themes/grav-theme-howto/templates/partials/navigation.html.twig b/themes/grav-theme-howto/templates/partials/navigation.html.twig
index ffb33802..9bd791b3 100644
--- a/themes/grav-theme-howto/templates/partials/navigation.html.twig
+++ b/themes/grav-theme-howto/templates/partials/navigation.html.twig
@@ -23,10 +23,10 @@
 {% endmacro %}
 <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>
-{% include 'partials/language-selector.html.twig' %}
 <ul id="nav">
     {% if theme_config.dropdown.enabled %}
         {{ _self.loop(pages) }}
+        {% include 'partials/language-selector.html.twig' %}
     {% else %}
         {% for page in pages.children.visible %}
             {% set current_page = (page.active or page.activeChild) ? 'selected' : '' %}

From a749dc79339fc6d2d522e9418b8b452e061e55ec Mon Sep 17 00:00:00 2001
From: antil0pa <antilopa@disroot.org>
Date: Wed, 15 Jan 2020 20:08:49 +0100
Subject: [PATCH 3/6] fixed language-selector on mobile

---
 themes/grav-theme-howto/css/media-queries.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/themes/grav-theme-howto/css/media-queries.css b/themes/grav-theme-howto/css/media-queries.css
index f35b94bc..904b7026 100644
--- a/themes/grav-theme-howto/css/media-queries.css
+++ b/themes/grav-theme-howto/css/media-queries.css
@@ -51,7 +51,6 @@
     height: 48px;
     text-align: left;
     background: #50162D;
-    position: relative;
     border: none;
     float: right;
     text-shadow: none;
@@ -122,6 +121,12 @@
       padding: 19px 15px;
   }
 
+  .language-selector ul#langSelectorList {
+      position: absolute;
+      top: 50px;
+      right: 0;
+  }
+
   .language-selector .btn i {
       top: 40px;
       right: 20px;

From 22888d4f5da75bf1230293db6a4c21c7acda35fb Mon Sep 17 00:00:00 2001
From: meaz <meaz@disroot.org>
Date: Sun, 19 Jan 2020 11:08:49 +0100
Subject: [PATCH 4/6] fix font color in drop down menu

---
 themes/grav-theme-howto/css/style.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/themes/grav-theme-howto/css/style.css b/themes/grav-theme-howto/css/style.css
index b4692359..4ca0ab7f 100644
--- a/themes/grav-theme-howto/css/style.css
+++ b/themes/grav-theme-howto/css/style.css
@@ -243,7 +243,7 @@ a:hover {
 /* hide toggle button */
 .main-nav > a.mobile-btn { display: none; }
 
-/* age selector */
+/* Language selector */
 
 .language-selector .btn {
     position: relative;
@@ -276,6 +276,9 @@ a:hover {
   color: #b9a2ab;
 }
 
+ul#nav li a:hover { color: #FFFFFF; opacity: 1;}
+
+
 /* Volor bar */
 .body-top {
   width: 100%;

From 725c710bb68b5a3a60dc923cbd31c4fcc22d4b5f Mon Sep 17 00:00:00 2001
From: meaz <meaz@disroot.org>
Date: Sun, 19 Jan 2020 11:09:21 +0100
Subject: [PATCH 5/6] remove some @media and fix language btn position in
 mobile view

---
 themes/grav-theme-howto/css/media-queries.css | 68 ++++++++++++++-----
 1 file changed, 50 insertions(+), 18 deletions(-)

diff --git a/themes/grav-theme-howto/css/media-queries.css b/themes/grav-theme-howto/css/media-queries.css
index 904b7026..e2f1bc83 100644
--- a/themes/grav-theme-howto/css/media-queries.css
+++ b/themes/grav-theme-howto/css/media-queries.css
@@ -1,12 +1,6 @@
-@media (min-width:1201px) {
-
-}
-
-@media (max-width: 1200px) and (min-width:901px) {
-
-}
-
-@media (max-width: 1040px) {
+/* screenwidth less than 1000px
+------------------------------------*/
+@media only screen and (max-width: 1150px) {
   body {
     font-size: 85%;
   }
@@ -18,7 +12,10 @@
     }
 }
 
-@media only screen and (max-width: 767px) {
+/* mobile wide/smaller tablets
+------------------------------------*/
+
+@media only screen and (max-width: 830px) {
 
   .narrow{
    max-width: 100%;
@@ -103,9 +100,51 @@
       clear: both;
    }
 
+   /* Language menu*/
+
+   .language-selector {
+       position: fixed;
+       top: -10px;
+       right: 30px;
+   }
+
+   .language-selector .btn {
+       top: 35px;
+       font-size: 1.2rem;
+       padding: 19px 15px;
+   }
+
+   .language-selector ul#langSelectorList {
+       position: absolute;
+       top: 50px;
+       right: 0;
+   }
+
+   .language-selector .btn i {
+       top: 40px;
+       right: 20px;
+   }
+
+   .language-selector .dropdown-menu {
+       right: 150px;
+       top: 200px;
+       color: #b9a2ab;
+       background-color: #50162D;
+       border-color: #50162D;
+       font-size: 1.1rem;
+   }
+
+   .language-selector .dropdown-menu>li>a {
+       padding: 12px 15px;
+   }
+
 }
 
-@media (max-width: 900px) and (min-width:601px) {
+
+/* mobile narrow
+  ------------------------------------*/
+
+@media only screen and (max-width: 600px) {
 
   /* Language menu*/
 
@@ -146,10 +185,3 @@
   }
 
 }
-
-@media (max-width: 600px) {
-
-}
-
-@media (max-width: 400px) {
-}

From 2acb2face5cf82a4f6a3ba19bbea9c61196ef32e Mon Sep 17 00:00:00 2001
From: meaz <meaz@disroot.org>
Date: Sun, 19 Jan 2020 11:18:19 +0100
Subject: [PATCH 6/6] fix drop down box size

---
 themes/grav-theme-howto/css/media-queries.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/themes/grav-theme-howto/css/media-queries.css b/themes/grav-theme-howto/css/media-queries.css
index e2f1bc83..f40a6388 100644
--- a/themes/grav-theme-howto/css/media-queries.css
+++ b/themes/grav-theme-howto/css/media-queries.css
@@ -105,7 +105,8 @@
    .language-selector {
        position: fixed;
        top: -10px;
-       right: 30px;
+       right: 80px;
+       width: 50px;
    }
 
    .language-selector .btn {
@@ -151,7 +152,8 @@
   .language-selector {
       position: fixed;
       top: -10px;
-      right: 30px;
+      right: 80px;
+      width: 50px;
   }
 
   .language-selector .btn {