Fixed height/Y pos issues for Dynamic and Settings dialogs

Author: jgclark

helpers/react/DynamicDialog/DynamicDialog.css

@@ -8,15 +8,15 @@
     background-color: var(--bg-mid-color);
     position: fixed;
     top: calc(50% + var(--noteplan-toolbar-height, 0)/2); /* TEST: */
+    height: 90vh;
+    max-height: calc(92vh - var(--noteplan-toolbar-height, 0));
+    /* max-height: calc(92% - var(--noteplan-toolbar-height, 0)); TEST: */
     left: 50%;
-    transform: translate(-50%, -50%);
     /* width: 90vw; */
     /* max-width: 90vw; */
-    /* height: 90vh; */
-    /* max-height: 90vh; */
     width: clamp(380px, 86%, 700px);
-    height: fit-content;
-    max-height: calc(92% - var(--noteplan-toolbar-height, 0)); /* TEST: */
+    /* transform: translate(-50%, -50%); */
+    transform: translate(-50%, 0%);  /* TEST: */
     border: none;
     box-shadow: 0 8px 16px rgba(0 0 0 / 0.2);
     /* z-index: 1000; */

jgclark.Dashboard/CHANGELOG.md

@@ -9,6 +9,10 @@ For more details see the [plugin's documentation](https://github.com/NotePlan/pl
 - TODO: fix isNoteFromAllowedFolder() for teamspace or possibly 2025-W21.md
 -->
 
+## [2.4.0.b5] 2026-01-03
+- Fixed height/Y pos issues for Dynamic and Settings dialogs
+- dev: added new color definitions to theme CSS generator
+
 ## [2.4.0.b5] 2026-01-02
 - dev: height/width/sticky fixes to use the new `var(--noteplan-toolbar-height, 0)` for mainWindow running
 

jgclark.Dashboard/src/react/css/SettingsDialog.css

@@ -6,11 +6,12 @@
     font-family: system-ui;
     background-color: var(--bg-mid-color);
     position: fixed;
-    top: calc(50% + var(--noteplan-toolbar-height, 0)/2);
+    top: calc(50% + var(--noteplan-toolbar-height, 0)*2); /* a little lower to try to avoid hiding the Header bar, as we want to see Perspective name */
+    max-height: calc(90% - var(--noteplan-toolbar-height, 0)*);
     left: 50%;
-    transform: translate(-50%, -48%); /* second param needs to be a little lower than 50% to avoid hiding the Header bar, as we want to see Perspective name */
     width: clamp(380px, 86%, 700px);
-    max-height: calc(90% - var(--noteplan-toolbar-height, 0));
+    /* transform: translate(-50%, -48%); /* second param needs to be a little lower than 50% to avoid hiding the Header bar, as we want to see Perspective name */
+    transform: translate(-50%, 0%); /* TEST: */
     border: none;
     box-shadow: 0 8px 16px rgba(0 0 0 / 0.2);
     /* z-index: 1000; */