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
writer · Aug 6, 2024 · 8ea372f · 8ea372f
1 parent 37b25b1
commit 8ea372f
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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 {