From 58f4e9975e1d6eba723a6bc8903ebdcaf9749000 Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Tue, 18 Jun 2024 00:04:42 +0300
Subject: [PATCH] Open animation for lang menu and emojis

---
 config.toml    |  4 ++--
 sass/_nav.scss | 13 ++++++++++++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/config.toml b/config.toml
index 03d178f..37662a3 100644
--- a/config.toml
+++ b/config.toml
@@ -148,8 +148,8 @@ links = [
 ]
 # List of languages that the website is translated to (comment if there's no additional languages)
 langs = [
-  { code = "en", name = "English" },
-  { code = "ru", name = "Русский" },
+  { code = "en", name = "🇬🇧 English" },
+  { code = "ru", name = "🇷🇺 Русский" },
 ]
 
 [extra.footer]
diff --git a/sass/_nav.scss b/sass/_nav.scss
index fdb2bfe..6820ab8 100644
--- a/sass/_nav.scss
+++ b/sass/_nav.scss
@@ -183,8 +183,20 @@
 					}
 				}
 
+				&[open] ul {
+					animation: open var(--transition);
+
+					@keyframes open {
+						from {
+							transform: translate(-50%, 0);
+							opacity: 0;
+						}
+					}
+				}
+
 				ul {
 					-webkit-backdrop-filter: var(--blur);
+					text-wrap: nowrap;
 					position: absolute;
 					left: 50%;
 					transform: translate(-50%, 1rem);
@@ -194,7 +206,6 @@
 					border-radius: calc(var(--rounded-corner) + 0.25rem);
 					background-color: var(--nav-bg);
 					padding: 0.25rem;
-					text-align: center;
 
 					li {
 						width: 100%;