From aa21dd3b3c72a2a2405a469ef8d4d6267300640c Mon Sep 17 00:00:00 2001
From: Mathias Skjulestad <msk@enonic.com>
Date: Sun, 9 Nov 2025 00:37:56 +0100
Subject: [PATCH] Enonic UI: Fix ProjectSelectionDialog sizing #9347

Adjusted space between header and first item(is actually 43px from title to first item or 30px from close button to first item).
Adjusted space from last item to bottom border of dialog 80px(40+40px) while maintaining list viewport.
Replaced gap in list with padding to keep selector from "jumping" with space between items.
Changed logic operator so text for create project / ask admin matches user rights(now says create project when project creation is available).
---
 .../js/app/ui2/dialog/ProjectSelectionDialog.tsx       | 10 +++++-----
 .../assets/js/app/ui2/icons/DefaultProjectIcon.tsx     |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/modules/lib/src/main/resources/assets/js/app/ui2/dialog/ProjectSelectionDialog.tsx b/modules/lib/src/main/resources/assets/js/app/ui2/dialog/ProjectSelectionDialog.tsx
index ffec4bb0f8..7807e61af6 100644
--- a/modules/lib/src/main/resources/assets/js/app/ui2/dialog/ProjectSelectionDialog.tsx
+++ b/modules/lib/src/main/resources/assets/js/app/ui2/dialog/ProjectSelectionDialog.tsx
@@ -38,7 +38,7 @@ export const ProjectSelectionDialog = (): ReactElement => {
             <Dialog.Portal>
                 <ConfirmationDialog.Overlay />
                 <ConfirmationDialog.Content
-                    className="max-w-9/10 w-220 h-fit max-h-200"
+                    className="max-w-full w-220 h-fit max-h-200 gap-7.5 p-[clamp(20px,4vw,40px)]"
                     onOpenAutoFocus={(e) => {
                         e.preventDefault();
                         listRef.current?.focus();
@@ -48,7 +48,7 @@ export const ProjectSelectionDialog = (): ReactElement => {
 
                     {!hasProjects ? (
                         <ConfirmationDialog.Body className="flex flex-col gap-4">
-                            <p className="text-subtle">{isAdmin ? noProjectsText : noProjectsAvailableText}</p>
+                            <p className="text-subtle">{isAdmin ? noProjectsAvailableText : noProjectsText}</p>
                             {isAdmin && (
                                 <Dialog.Close asChild>
                                     <Button
@@ -80,17 +80,17 @@ export const ProjectSelectionDialog = (): ReactElement => {
                                     }
                                 }}
                             >
-                                <Listbox.Content ref={listRef} className="gap-2.5 max-h-full max-w-full" aria-label={title}>
+                                <Listbox.Content ref={listRef} className="gap-2.5 max-h-full max-w-full pb-10 items-stretch" aria-label={title}>
                                     {flatProjects.map(({project, level}) => (
                                         <Listbox.Item
                                             key={project.getName()}
                                             value={project.getName()}
-                                            className="group max-w-full"
+                                            className="group flex self-stretch w-full min-w-full"
                                             style={{paddingInlineStart: level * 20}}
                                             data-tone={project.getName() === activeProjectId ? 'inverse' : undefined}
                                         >
                                             <ProjectItem
-                                                className="w-full px-0 py-0"
+                                                className="w-full px-0 py-1.25"
                                                 label={project.getDisplayName() || project.getName()}
                                                 projectName={project.getName()}
                                                 language={project.getLanguage()}
diff --git a/modules/lib/src/main/resources/assets/js/app/ui2/icons/DefaultProjectIcon.tsx b/modules/lib/src/main/resources/assets/js/app/ui2/icons/DefaultProjectIcon.tsx
index fb2867153c..45ddf23fdc 100644
--- a/modules/lib/src/main/resources/assets/js/app/ui2/icons/DefaultProjectIcon.tsx
+++ b/modules/lib/src/main/resources/assets/js/app/ui2/icons/DefaultProjectIcon.tsx
@@ -3,7 +3,7 @@ import type {ComponentPropsWithoutRef, ReactElement} from 'react';
 export const DefaultProjectIcon = (props: ComponentPropsWithoutRef<'svg'>): ReactElement => (
     <svg
         xmlns="http://www.w3.org/2000/svg"
-        fill="none"
+        fill="currentColor"
         viewBox="-1 -1 36 36"
         strokeWidth="1"
         stroke="currentColor"