major styling additions & refinements; offloaded navbar from base.html into its own partial, core/_partials/_navbar.html, alongside new _footer.html; 0006 dash migrations fix 0003 & 0005 theme-switcher handling and rename more fluidly to palette; added remaining realm-swatches to palette applet choices & updated test_views accordingly

src/templates/apps/dashboard/_partials/_applets.html

@@ -18,7 +18,10 @@
                     {{ entry.applet.name }}
                 </label>
             {% endfor %}
-            <button type="submit" class="btn btn-confirm">OK</button>
+            <div class="menu-btns">
+                <button type="submit" class="btn btn-confirm">OK</button>
+                <button type="button" id="id_applet_menu_cancel" class="btn btn-cancel">NVM</button>
+            </div>
         </form>
     </div>
 
@@ -38,16 +41,18 @@
                     id="id_applet_my_lists"
                     style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
                 >
-                    <a href="{% url 'my_lists' user.id %}">My lists:</a>
-                    <ul>
-                        {% for list in recent_lists %}
-                            <li>
-                                <a href="{{ list.get_absolute_url }}">{{ list.name }}</a>
-                            </li>
-                        {% empty %}
-                            <li>No lists yet.</li>
-                        {% endfor %}
-                    </ul>
+                    <a href="{% url 'my_lists' user.id %}" class="my-lists-main">My lists:</a>
+                    <div class="my-lists-container">
+                        <ul>
+                            {% for list in recent_lists %}
+                                <li>
+                                    <a href="{{ list.get_absolute_url }}">{{ list.name }}</a>
+                                </li>
+                            {% empty %}
+                                <li>No lists yet.</li>
+                            {% endfor %}
+                        </ul>
+                    </div>
                 </section>
             {% elif entry.applet.slug == "username" %}
                 <section
@@ -57,15 +62,17 @@
                     <form method="POST" action="{% url "set_profile" %}">
                         {% csrf_token %}
                         <div class="username-field">
-                            <span class="username-at"><h1>@</h1></span>
+                            <span class="username-at">@</span>
                             <input
                                 id="id_new_username"
                                 name="username"
                                 required
                                 value="{{ user.username|default:'' }}"
                                 autocomplete="off"
+                                placeholder="username"
                                 data-original="{{ user.username|default:'' }}"
                                 oninput="this.closest('form').querySelector('.save-btn').hidden = (this.value === this.dataset.original)"
+                                onblur="this.scrollLeft = 0"
                             >
                         </div>
                         <button type="submit" class="btn btn-confirm save-btn" hidden>OK</button>

src/templates/apps/dashboard/_partials/_scripts.html

@@ -2,5 +2,6 @@
 <script>
     window.onload = () => {
         initialize("#id_text");
+        initGearMenu();
     };
 </script>

src/templates/apps/dashboard/home.html

@@ -11,12 +11,7 @@
 {% block content %}
     {% if user.is_authenticated %}
         <div id="id_dash_content">
-            <button
-            id="id_dash_gear"
-            onclick="document.getElementById('id_applet_menu').style.display='block'"
-            >
-                &#9881;
-            </button>
+            <button id="id_dash_gear">&#9881;</button>
             {% include "apps/dashboard/_partials/_applets.html" %}
         </div>
     {% endif %}