From 7c49845ec7745b2e379b3d644b681a38b9f2dca2 Mon Sep 17 00:00:00 2001 From: Adam Refaey Date: Wed, 7 May 2025 14:03:59 +0300 Subject: [PATCH 1/6] Refactor AIAssistantModal styles for improved layout and responsiveness --- .../AIAssistant/AIAssistantModal.scss | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/frontend/src/common/components/AIAssistant/AIAssistantModal.scss b/frontend/src/common/components/AIAssistant/AIAssistantModal.scss index a9e32c1..c5a23b0 100644 --- a/frontend/src/common/components/AIAssistant/AIAssistantModal.scss +++ b/frontend/src/common/components/AIAssistant/AIAssistantModal.scss @@ -72,18 +72,27 @@ --padding: 0; flex: 1; - overflow: scroll; - height: 80%; + overflow-y: auto; + height: 70%; } .ai-assistant-footer { - background: transparent; - position: relative; + position: sticky; + bottom: 0; + width: 100%; + z-index: 10; + background-color: var(--ion-background-color); display: flex; justify-content: center; align-items: center; padding: 0.5rem 0; } + + .ai-assistant-modal-body { + display: flex; + flex-direction: column; + height: 100%; + } } // Screen reader only class From b64a464badbbfaa9fd702d63072a0052d86706ee Mon Sep 17 00:00:00 2001 From: Adam Refaey Date: Wed, 7 May 2025 14:09:49 +0300 Subject: [PATCH 2/6] Enhance AIAssistantModal styles for better layout and sticky header functionality --- .../common/components/AIAssistant/AIAssistantModal.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/frontend/src/common/components/AIAssistant/AIAssistantModal.scss b/frontend/src/common/components/AIAssistant/AIAssistantModal.scss index c5a23b0..4304dbc 100644 --- a/frontend/src/common/components/AIAssistant/AIAssistantModal.scss +++ b/frontend/src/common/components/AIAssistant/AIAssistantModal.scss @@ -3,6 +3,8 @@ border-radius: 1rem; width: 100%; height: 100%; + display: flex; + flex-direction: column; } .ai-assistant-modal { @@ -35,6 +37,12 @@ } .ai-assistant-header { + position: sticky; + top: 0; + z-index: 10; + width: 100%; + background-color: var(--ion-background-color); + ion-toolbar { --padding-top: 0.5rem; --padding-bottom: 0.5rem; From fffb22b4d90ba860e68abdc5db5e13d0556a86d1 Mon Sep 17 00:00:00 2001 From: Adam Refaey Date: Wed, 7 May 2025 14:17:47 +0300 Subject: [PATCH 3/6] Fix header padding and margin for AIAssistantModal on Android and iOS --- .../components/AIAssistant/AIAssistantModal.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/frontend/src/common/components/AIAssistant/AIAssistantModal.scss b/frontend/src/common/components/AIAssistant/AIAssistantModal.scss index 4304dbc..c2a6c2c 100644 --- a/frontend/src/common/components/AIAssistant/AIAssistantModal.scss +++ b/frontend/src/common/components/AIAssistant/AIAssistantModal.scss @@ -42,6 +42,8 @@ z-index: 10; width: 100%; background-color: var(--ion-background-color); + padding-top: 0; /* Remove any default padding */ + margin-top: 0; /* Remove any default margin */ ion-toolbar { --padding-top: 0.5rem; @@ -49,6 +51,16 @@ } } + /* Fix for Android status bar space */ + &.md .ai-assistant-header { + padding-top: 0; + } + + /* iOS specific adjustments if needed */ + &.ios .ai-assistant-header { + padding-top: 0; + } + .ai-assistant-toolbar { --background: transparent; --border-color: transparent; From 0be72a440e490534f73cf2dcec3f73cb4246e7b2 Mon Sep 17 00:00:00 2001 From: Adam Refaey Date: Wed, 7 May 2025 14:18:13 +0300 Subject: [PATCH 4/6] Update Android Gradle plugin version to 8.10.0 --- frontend/android/build.gradle | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/android/build.gradle b/frontend/android/build.gradle index 650fae0..1204b5c 100644 --- a/frontend/android/build.gradle +++ b/frontend/android/build.gradle @@ -7,7 +7,7 @@ buildscript { mavenCentral() } dependencies { - classpath 'com.android.tools.build:gradle:8.9.2' + classpath 'com.android.tools.build:gradle:8.10.0' classpath 'com.google.gms:google-services:4.4.2' // NOTE: Do not place your application dependencies here; they belong From a9ebf2776ed8bdeb4cd898a9e90e28e5b354723b Mon Sep 17 00:00:00 2001 From: Adam Refaey Date: Wed, 7 May 2025 14:22:24 +0300 Subject: [PATCH 5/6] Fix Android modal header and body margin/padding issues --- .../AIAssistant/AIAssistantModal.scss | 19 +++++++++++++++++-- 1 file changed, 17 insertions(+), 2 deletions(-) diff --git a/frontend/src/common/components/AIAssistant/AIAssistantModal.scss b/frontend/src/common/components/AIAssistant/AIAssistantModal.scss index c2a6c2c..fc7d56f 100644 --- a/frontend/src/common/components/AIAssistant/AIAssistantModal.scss +++ b/frontend/src/common/components/AIAssistant/AIAssistantModal.scss @@ -52,8 +52,23 @@ } /* Fix for Android status bar space */ - &.md .ai-assistant-header { - padding-top: 0; + &.md { + .ai-assistant-header { + padding-top: 0; + } + + ion-header { + margin-top: 0 !important; + } + + &::part(content) { + margin-top: 0; + } + + .ai-assistant-modal-body { + margin-top: 0; + padding-top: 0; + } } /* iOS specific adjustments if needed */ From 26855fe1e696986a34cc174d2c6a9ab09034a67d Mon Sep 17 00:00:00 2001 From: Adam Refaey Date: Wed, 7 May 2025 14:35:45 +0300 Subject: [PATCH 6/6] Fix margin and padding issues in AIAssistantModal for consistent layout --- .../common/components/AIAssistant/AIAssistantModal.scss | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/frontend/src/common/components/AIAssistant/AIAssistantModal.scss b/frontend/src/common/components/AIAssistant/AIAssistantModal.scss index fc7d56f..a2d2cde 100644 --- a/frontend/src/common/components/AIAssistant/AIAssistantModal.scss +++ b/frontend/src/common/components/AIAssistant/AIAssistantModal.scss @@ -5,6 +5,8 @@ height: 100%; display: flex; flex-direction: column; + margin-top: 0; + padding-top: 0; } .ai-assistant-modal { @@ -24,7 +26,7 @@ --max-height: 85vh; &::part(content) { - margin: 2rem 1rem 5rem; + margin: 0 1rem 5rem; } } @@ -34,6 +36,7 @@ display: flex; flex-direction: column; transition: margin 0.3s ease-out; + padding: 0; } .ai-assistant-header { @@ -127,6 +130,8 @@ display: flex; flex-direction: column; height: 100%; + margin-top: 0; + padding-top: 0; } } @@ -150,5 +155,6 @@ ion-modal.ai-assistant-modal { &::part(content) { transition: transform 0.3s cubic-bezier(0.36, 0.66, 0.04, 1); + padding-top: 0; } }