summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--src/de/nav-bar.html7
-rw-r--r--src/en/nav-bar.html7
-rw-r--r--src/language-selector.html4
-rw-r--r--src/pt/nav-bar.html7
-rw-r--r--src/style.css12
5 files changed, 25 insertions, 12 deletions
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;
+}