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/static_src/scss/_dashboard.scss

@@ -1,21 +1,64 @@
-#id_applets_container {
-    overflow-y: auto;
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-    padding: 0.5rem 0;
+body.page-dashboard {
+    overflow: hidden;
 
-    section {
-        border: 0.2rem solid rgba(var(--secUser), 0.5);
-        border-radius: 0.75rem;
-        padding: 1rem;
+    .container {
+        overflow: hidden;
+    }
+
+    .row {
+        flex-shrink: 0;
     }
 }
 
+#id_dash_content {
+    flex: 1;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+}
+
 #id_dash_gear {
+    position: absolute;
+    top: 0.5rem;
+    right: 0.5rem;
+    z-index: 1;
     background: none;
     border: none;
     font-size: 1.5rem;
     cursor: pointer;
     color: rgba(var(--secUser), 0.6);
+}
+
+#id_applet_menu {
+    position: absolute;
+    top: 3rem;
+    right: 0.5rem;
+    z-index: 100;
+    background-color: rgba(var(--priUser), 0.95);
+    border: 0.15rem solid rgba(var(--secUser), 0.5);
+    border-radius: 0.75rem;
+    padding: 1rem;
+}
+
+#id_applets_container {
+    container-type: inline-size;
+    --grid-gap: 0.5rem;
+
+    flex: 1;
+    overflow-y: auto;
+    display: grid;
+    grid-template-columns: repeat(12, 1fr);
+    grid-auto-rows: calc((100cqw - 11 * var(--grid-gap)) / 12);
+    gap: var(--grid-gap);
+    padding: 0.75rem;
+
+    section {
+        border: 0.2rem solid rgba(var(--secUser), 0.5);
+        border-radius: 0.75rem;
+        padding: 1rem;
+        overflow: hidden;
+        grid-column: span var(--applet-cols, 12);
+        grid-row: span var(--applet-rows, 3);
+    }
 }