From 8ea372f5af963f54bce6b078e717d1ceae7092b7 Mon Sep 17 00:00:00 2001
From: Alexandre Rousseau <alexandre@rsseau.fr>
Date: Tue, 30 Jul 2024 20:40:47 +0200
Subject: [PATCH] fix(ui): remove overflow constraints (for `CoreSelect`)

`CoreSelect` displays a dropdown which is cropped by `overflow: hidden`. Removing this CSS rule prevent that

closes #380
---
 src/ui/src/core_components/layout/CoreSection.vue | 1 -
 src/ui/src/core_components/layout/CoreSteps.vue   | 4 ++--
 src/ui/src/core_components/layout/CoreTabs.vue    | 3 ++-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/ui/src/core_components/layout/CoreSection.vue b/src/ui/src/core_components/layout/CoreSection.vue
index e0ecf298f..e67b2a11d 100644
--- a/src/ui/src/core_components/layout/CoreSection.vue
+++ b/src/ui/src/core_components/layout/CoreSection.vue
@@ -74,7 +74,6 @@ const fields = inject(injectionKeys.evaluatedFields);
 <style scoped>
 @import "../../renderer/sharedStyles.css";
 .CoreSection {
-	overflow: hidden;
 	border: 1px solid var(--separatorColor);
 	border-radius: 8px;
 	box-shadow: var(--containerShadow);
diff --git a/src/ui/src/core_components/layout/CoreSteps.vue b/src/ui/src/core_components/layout/CoreSteps.vue
index 403cd2a1c..765273061 100644
--- a/src/ui/src/core_components/layout/CoreSteps.vue
+++ b/src/ui/src/core_components/layout/CoreSteps.vue
@@ -82,7 +82,6 @@ instanceData.at(-1).value = stepsData;
 	border: 1px solid var(--separatorColor);
 	border-radius: 8px;
 	background: var(--containerBackgroundColor);
-	overflow: hidden;
 	box-shadow: var(--containerShadow);
 }
 
@@ -103,7 +102,8 @@ instanceData.at(-1).value = stepsData;
 
 .container {
 	background: var(--containerBackgroundColor);
-	box-shadow: var(--containerShadow);
+	border-bottom-left-radius: 8px;
+	border-bottom-right-radius: 8px;
 }
 
 .childless > .container {
diff --git a/src/ui/src/core_components/layout/CoreTabs.vue b/src/ui/src/core_components/layout/CoreTabs.vue
index 322de3940..a3a588c9b 100644
--- a/src/ui/src/core_components/layout/CoreTabs.vue
+++ b/src/ui/src/core_components/layout/CoreTabs.vue
@@ -69,7 +69,6 @@ instanceData.at(-1).value = { activeTab: undefined };
 	border-radius: 8px;
 	box-shadow: var(--containerShadow);
 	border: 1px solid var(--separatorColor);
-	overflow: hidden;
 }
 
 .tabSelector {
@@ -89,6 +88,8 @@ instanceData.at(-1).value = { activeTab: undefined };
 
 .container {
 	background: var(--containerBackgroundColor);
+	border-bottom-left-radius: 8px;
+	border-bottom-right-radius: 8px;
 }
 
 .childless > .container {