From 651cf34da60fb3842132905adfee3cd5e1395c75 Mon Sep 17 00:00:00 2001
From: Csaba Tuncsik <csaba@n8n.io>
Date: Mon, 31 Jul 2023 15:10:23 +0200
Subject: [PATCH] fix(editor): Remove additional margin on tooltip (#6802)

fix(editor): Remove additional margin on tooltip (Element UI+ tooltip has a default 12px offset, the old had 0)
---
 packages/design-system/src/css/popper.scss  | 16 ----------------
 packages/design-system/src/css/tooltip.scss | 16 ----------------
 2 files changed, 32 deletions(-)

diff --git a/packages/design-system/src/css/popper.scss b/packages/design-system/src/css/popper.scss
index 0fcc70fe2..2a63fe222 100644
--- a/packages/design-system/src/css/popper.scss
+++ b/packages/design-system/src/css/popper.scss
@@ -51,10 +51,6 @@
 		border-width: var.$popover-arrow-size;
 	}
 
-	&[data-popper-placement^='top'] {
-		//margin-bottom: #{var.$popover-arrow-size + 6};
-	}
-
 	&[data-popper-placement^='top'] .el-popper__arrow {
 		bottom: -(var.$popover-arrow-size);
 		left: 50%;
@@ -70,10 +66,6 @@
 		}
 	}
 
-	&[data-popper-placement^='bottom'] {
-		//margin-top: #{var.$popover-arrow-size + 6};
-	}
-
 	&[data-popper-placement^='bottom'] .el-popper__arrow {
 		top: -(var.$popover-arrow-size);
 		left: 50%;
@@ -89,10 +81,6 @@
 		}
 	}
 
-	&[data-popper-placement^='right'] {
-		margin-left: #{var.$popover-arrow-size + 6};
-	}
-
 	&[data-popper-placement^='right'] .el-popper__arrow {
 		top: 50%;
 		left: -(var.$popover-arrow-size);
@@ -108,10 +96,6 @@
 		}
 	}
 
-	&[data-popper-placement^='left'] {
-		margin-right: #{var.$popover-arrow-size + 6};
-	}
-
 	&[data-popper-placement^='left'] .el-popper__arrow {
 		top: 50%;
 		right: -(var.$popover-arrow-size);
diff --git a/packages/design-system/src/css/tooltip.scss b/packages/design-system/src/css/tooltip.scss
index 879b4801c..8cd12c3fc 100644
--- a/packages/design-system/src/css/tooltip.scss
+++ b/packages/design-system/src/css/tooltip.scss
@@ -42,10 +42,6 @@
 			border-width: 5px;
 		}
 
-		&[data-popper-placement^='top'] {
-			margin-bottom: #{var.$tooltip-arrow-size + 6px};
-		}
-
 		&[data-popper-placement^='top'] .el-popper__arrow {
 			bottom: -(var.$tooltip-arrow-size);
 			border-top-color: var.$tooltip-border-color;
@@ -59,10 +55,6 @@
 			}
 		}
 
-		&[data-popper-placement^='bottom'] {
-			margin-top: #{var.$tooltip-arrow-size + 6px};
-		}
-
 		&[data-popper-placement^='bottom'] .el-popper__arrow {
 			top: -(var.$tooltip-arrow-size);
 			border-top-width: 0;
@@ -76,10 +68,6 @@
 			}
 		}
 
-		&[data-popper-placement^='right'] {
-			margin-left: #{var.$tooltip-arrow-size + 6px};
-		}
-
 		&[data-popper-placement^='right'] .el-popper__arrow {
 			left: -(var.$tooltip-arrow-size);
 			border-right-color: var.$tooltip-border-color;
@@ -93,10 +81,6 @@
 			}
 		}
 
-		&[data-popper-placement^='left'] {
-			margin-right: #{var.$tooltip-arrow-size + 6px};
-		}
-
 		&[data-popper-placement^='left'] .el-popper__arrow {
 			right: -(var.$tooltip-arrow-size);
 			border-right-width: 0;