From eba72d64459c2c83a5a68dbc30a169feb9266937 Mon Sep 17 00:00:00 2001
From: Thomas Voss <mail@thomasvoss.com>
Date: Thu, 8 Jun 2023 20:14:24 +0200
Subject: Fix mobile again

---
 src/de/nav-bar.html        |  7 +++++--
 src/en/nav-bar.html        |  7 +++++--
 src/language-selector.html |  4 ++--
 src/pt/nav-bar.html        |  7 +++++--
 src/style.css              | 12 ++++++++----
 5 files changed, 25 insertions(+), 12 deletions(-)

(limited to 'src')

diff --git a/src/de/nav-bar.html b/src/de/nav-bar.html
index 1636e0e..4c64243 100644
--- a/src/de/nav-bar.html
+++ b/src/de/nav-bar.html
@@ -5,7 +5,10 @@
 	<li><div class=unavailable>World Coins</div></li>
 	<li><div class=unavailable>World Banknotes</div></li>
 	<li>
-		<div id=lang-selected>Deutsch</div>
-		<!-- LANG-SELECTOR -->
+		<input type=checkbox id=lang-button />
+		<label for=lang-button>
+			<div id=lang-selected>Deutsch</div>
+			<!-- LANG-SELECTOR -->
+		</label>
 	</li>
 </ul>
diff --git a/src/en/nav-bar.html b/src/en/nav-bar.html
index 726f309..6388bbd 100644
--- a/src/en/nav-bar.html
+++ b/src/en/nav-bar.html
@@ -5,7 +5,10 @@
 	<li><div class=unavailable>World Coins</div></li>
 	<li><div class=unavailable>World Banknotes</div></li>
 	<li>
-		<div id=lang-selected>English</div>
-		<!-- LANG-SELECTOR -->
+		<input type=checkbox id=lang-button />
+		<label for=lang-button>
+			<div id=lang-selected>English</div>
+			<!-- LANG-SELECTOR -->
+		</label>
 	</li>
 </ul>
diff --git a/src/language-selector.html b/src/language-selector.html
index e5c1b61..be1f53a 100644
--- a/src/language-selector.html
+++ b/src/language-selector.html
@@ -1,5 +1,5 @@
 <ul id=lang-dd>
-	<li><a href=/deXYZ>Deutsch</a></li>
+	<!--<li><a href=/deXYZ>Deutsch</a></li>
 	<li><a href=/enXYZ>English</a></li>
-	<li><a href=/ptXYZ>Português</a></li>
+	<li><a href=/ptXYZ>Português</a></li>-->
 </ul>
diff --git a/src/pt/nav-bar.html b/src/pt/nav-bar.html
index e17627a..ce6fb48 100644
--- a/src/pt/nav-bar.html
+++ b/src/pt/nav-bar.html
@@ -5,7 +5,10 @@
 	<li><div class=unavailable>World Coins</div></li>
 	<li><div class=unavailable>World Banknotes</div></li>
 	<li>
-		<div id=lang-selected>Português</div>
-		<!-- LANG-SELECTOR -->
+		<input type=checkbox id=lang-button />
+		<label for=lang-button>
+			<div id=lang-selected>Português</div>
+			<!-- LANG-SELECTOR -->
+		</label>
 	</li>
 </ul>
diff --git a/src/style.css b/src/style.css
index 84a9387..4a4bde4 100644
--- a/src/style.css
+++ b/src/style.css
@@ -154,15 +154,15 @@ nav ul ul {
 	width: 100%;
 }
 
-nav li:hover ul {
+nav li:hover ul, #lang-button:checked + label #lang-dd {
 	display: block;
 }
 
-nav li:hover {
+nav li:hover, #lang-button:checked + label #lang-selected {
 	background-color: var(--secondary-hover-color);
 }
 
-nav > ul > li > ul > li {
+nav > ul > li > ul li {
 	background-color: var(--secondary-color);
 }
 
@@ -182,7 +182,7 @@ nav > ul > li, nav > ul > li li:last-child {
 	border-bottom: 1px solid white;
 }
 
-nav li a, nav li div, nav li label {
+nav li a, nav li div {
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -734,3 +734,7 @@ main section {
 		font-size: 0.8rem;
 	}
 }
+
+#lang-button {
+	display: none;
+}
-- 
cgit v1.2.3