Simplify LanguageForm

Author: ColdHeat

assets/scss/main.scss

@@ -53,9 +53,3 @@ select {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
   background-size: 8px 10px;
 }
-
-// Language dropdown uses radio elements
-input[type="radio"]:checked + label.dropdown-item {
-  color: var(--bs-dropdown-link-active-color);
-  @include gradient-bg(var(--bs-dropdown-link-active-bg));
-}

static/assets/main.c42f3183.css static/assets/main.e9ec7884.css

@@ -144,7 +144,7 @@
     ]
   },
   "assets/scss/main.scss": {
-    "file": "assets/main.c42f3183.css",
+    "file": "assets/main.e9ec7884.css",
     "src": "assets/scss/main.scss",
     "isEntry": true
   }

static/manifest.json

@@ -180,18 +180,18 @@
               {% trans %}Change language{% endtrans %}
             </span>
           </button>
-          {%- with form = Forms.language.LanguageForm() %}
           <form x-data="LanguageForm">
             <ul class="dropdown-menu dropdown-menu-end">
-              {%- for subfield in form.language %}
+              {% set curr_lang = get_locale() %}
+              {%- for lang in Languages.names.items() %}
               <li>
-                {{ subfield(class="btn-check", **{'@click': 'set'}) }}
-                {{ subfield.label(class="dropdown-item") }}
+                  <span class="dropdown-item {{ 'bg-primary text-white' if (curr_lang == lang[0]) }}" @click="set" value="{{ lang[0] }}">
+                    {{ lang[1] }}
+                  </span>
               </li>
               {%- endfor %}
             </ul>
           </form>
-          {%- endwith %}
         </li>
 
         <li class="nav-item">