Improve styling for short pills

n8n-io · Aug 15, 2024 · ca73965 · ca73965
1 parent 7f928a4
commit ca73965
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/editor-ui/src/components/RunDataSchema.vue b/packages/editor-ui/src/components/RunDataSchema.vue
@@ -463,6 +463,7 @@ watch(
 
 .innerSchema {
 	min-height: 0;
+	min-width: 0;
 
 	> div {
 		margin-bottom: var(--spacing-xs);

diff --git a/packages/editor-ui/src/components/RunDataSchemaItem.vue b/packages/editor-ui/src/components/RunDataSchemaItem.vue
@@ -199,6 +199,7 @@ const getIconBySchemaType = (type: Schema['type']): string => {
 	gap: var(--spacing-2xs);
 	align-items: baseline;
 	flex-grow: 1;
+	min-width: 0;
 }
 
 .sub {
@@ -213,6 +214,7 @@ const getIconBySchemaType = (type: Schema['type']): string => {
 	display: inline-flex;
 	flex-direction: column;
 	order: -1;
+	min-width: 0;
 
 	.innerSub > div:first-child {
 		margin-top: var(--spacing-2xs);
@@ -247,7 +249,6 @@ const getIconBySchemaType = (type: Schema['type']): string => {
 	background-color: var(--color-background-xlight);
 	font-size: var(--font-size-2xs);
 	color: var(--color-text-dark);
-	min-width: 0;
 	max-width: 50%;
 
 	path {