new migration in apps.dashboard for Applet grid_cols & grid_rows settings; test_models; complete overhaul of _dashboard.scss to containerize user scrolling; some new styling in _base.scss supports static window behind localized scrolling; new applet mgmt in apps.dashboard.admin; .views passes page_dashboard to home_page() FBV; keep an eye on IT apps.dashboard.tests.integrated.test_views.NewListTest.test_for_invalid_input_renders_list_template for intermittent caching errors

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

@@ -25,7 +25,10 @@
     {% for entry in applets %}
         {% if entry.visible %}
             {% if entry.applet.slug == "username" %}
-                <section id="id_applet_username">
+                <section
+                    id="id_applet_username"
+                    style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
+                >
                     <h1>{{ user|display_name }}</h1>
                     <div class="form-container">
                         <form method="POST" action="{% url "set_profile" %}">
@@ -40,7 +43,11 @@
                     </div>
                 </section>
             {% elif entry.applet.slug == "palette" %}
-                <section id="id_applet_palette" class="palette">
+                <section
+                    id="id_applet_palette"
+                    class="palette"
+                    style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
+                >
                     {% for palette in palettes %}
                         <div class="palette-item">
                             <div class="swatch {{ palette.name }}{% if user_palette == palette.name %} active{% endif %}{% if palette.locked %} locked{% endif %}"></div>

src/templates/apps/dashboard/home.html

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