✨ feat(i18n): display lcode in language switcher (#565)

2025-09-18 20:30:15 +07:00
parent 2debeb7f85
commit 9c8b914884
4 changed files with 32 additions and 0 deletions
--- a/themes/tabi/sass/parts/_header.scss
+++ b/themes/tabi/sass/parts/_header.scss
@@ -126,6 +126,28 @@ header {
    }
 }

+    .language-switcher-icon-with-code {
+        margin-inline-end: 0.3rem;
+        width: 0.7rem;
+        height: 0.7rem;
+    }
+}
+
+.language-switcher-icon-code {
+    position: absolute;
+    top: -0.15rem;
+    z-index: 10;
+    inset-inline-start: 0.7rem;
+    width: 100%;
+    height: 100%;
+    color: var(--text-color);
+    font-size: 0.5rem;
+    text-transform: uppercase;
+
+    &:hover {
+        color: var(--meta-color);
+    }
+
 .dropdown {
    display: inline-block;
    position: relative;