Convert theme select to Bootstrap

Signed-off-by: William Desportes <williamdes@wdes.fr>
phpmyadmin · Jul 27, 2021 · 2cdce1d · 2cdce1d
1 parent 998c562
commit 2cdce1d
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/templates/home/index.twig b/templates/home/index.twig
@@ -122,14 +122,19 @@
                   <li id="li_select_theme" class="list-group-item">
                     <form method="post" action="{{ url('/themes/set') }}" class="disableAjax">
                       {{ get_hidden_inputs() }}
-                      <a href="#" data-bs-toggle="modal" data-bs-target="#themesModal" role="button">
-                        {{- get_icon('s_theme', 'Theme:'|trans) -}}
-                      </a>
-                      <select name="set_theme" lang="en" dir="ltr" class="autosubmit" aria-label="{% trans 'Theme' %}">
-                        {% for theme in themes %}
-                          <option value="{{ theme.id }}"{{ theme.is_active ? ' selected' }}>{{ theme.name }}</option>
-                        {% endfor %}
-                      </select>
+                      <div class="col-12">
+                        <label for="themeSelect" class="col-form-label text-nowrap">
+                          {{ get_image('s_theme') }}
+                          {% trans 'Theme' %}
+                        </label>
+                      </div>
+                      <div class="col-12">
+                        <select name="set_theme" class="form-select autosubmit w-auto" lang="en" dir="ltr" id="themeSelect">
+                          {% for theme in themes %}
+                            <option value="{{ theme.id }}"{{ theme.is_active ? ' selected' }}>{{ theme.name }}</option>
+                          {% endfor %}
+                        </select>
+                      </div>
                     </form>
                   </li>
                 {% endif %}