From 6b4a3e27b522a0cbe7730feaaa7b1cda000673d8 Mon Sep 17 00:00:00 2001
From: Alexander Bilz <mail@alexbilz.com>
Date: Wed, 22 Sep 2021 13:05:40 +0000
Subject: [PATCH] fix: add back triangle to dropdown
---
layouts/partials/navbar.html | 3 ++-
assets/css/style.css | 4 ++--
2 files changed, 4 insertions(+), 3 deletions(-)
diff --git a/assets/css/style.css b/assets/css/style.css
index 6b776fb..73f8c76 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -324,7 +324,7 @@
color: var(--tag-color);
}
-.sl-nav li:hover .triangle {
+#languagepicker:checked ~ .triangle {
position: absolute;
top: 15px;
right: -10px;
@@ -334,7 +334,7 @@
width: 30px;
background: transparent;
}
-.sl-nav li:hover .triangle:after {
+#languagepicker:checked ~ .triangle:after {
content: '';
display: block;
z-index: 20;
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index f29e902..e9f0492 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -42,8 +42,9 @@
<li>
<input type="checkbox" id="languagepicker" aria-label="switch language" hidden></input>
<label for="languagepicker"><strong>{{ .Site.Language.LanguageName }}</strong></label> <i class="fa fa-angle-down" aria-hidden="true"></i>
-
+ <div class="triangle"></div>
<ul class="dropdown">
+
{{ range $.Translations }}
<li>
--
Gitblit v1.10.0