[pdm-devel] [PATCH yew-widget-toolkit-assets] dropdown: limit height of picker

[pdm-devel] [PATCH yew-widget-toolkit-assets] dropdown: limit height of picker

[Dominik Csapak]

so that it does not grow to (nearly) the full screen height.

Better solution is to add some option to the aligning code that limits
the height so that the field of the dropdown is always visible, but for
now this is an ok stopgap.

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
---
note we have to update the submodule in pdm for this to take effect

 scss/_dropdown.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index 671b872..ab640c0 100644
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -6,7 +6,9 @@
 
     @include elevation-box-shadow(1);
 
-    max-height: 100dvh;
+    // limit the height of the dropdown so it does not fill the whole screen.
+    // FIXME: add an aligning option to limit the height so the field is always viisble
+    max-height: min(50dvh, 400px) ! important;
     max-width: 100dvw;
     /* make e.g. the header menu overflow visible */
     overflow: visible;
-- 
2.47.3



_______________________________________________
pdm-devel mailing list
pdm-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/pdm-devel

[yew-devel] [PATCH yew-widget-toolkit-assets] dropdown: limit height of picker

[Dominik Csapak]

so that it does not grow to (nearly) the full screen height.

Better solution is to add some option to the aligning code that limits
the height so that the field of the dropdown is always visible, but for
now this is an ok stopgap.

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
---
note we have to update the submodule in pdm for this to take effect

 scss/_dropdown.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index 671b872..ab640c0 100644
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -6,7 +6,9 @@
 
     @include elevation-box-shadow(1);
 
-    max-height: 100dvh;
+    // limit the height of the dropdown so it does not fill the whole screen.
+    // FIXME: add an aligning option to limit the height so the field is always viisble
+    max-height: min(50dvh, 400px) ! important;
     max-width: 100dvw;
     /* make e.g. the header menu overflow visible */
     overflow: visible;
-- 
2.47.3



_______________________________________________
yew-devel mailing list
yew-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/yew-devel