From 3b9395e484bc450e12bdaba80cd3e861e9b21901 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Tue, 22 Jun 2021 07:43:19 -0500
Subject: [PATCH] Fixed tooltips on side nodes getting clipped

---
 src/components/common/features.css |  1 +
 src/components/system/Tooltip.vue  | 25 +++++++++++++++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/src/components/common/features.css b/src/components/common/features.css
index bf89f46..7ee2620 100644
--- a/src/components/common/features.css
+++ b/src/components/common/features.css
@@ -17,6 +17,7 @@
 .can:hover button {
     transform: scale(1.15, 1.15);
     box-shadow: 0 0 20px var(--points);
+    z-index: 1;
 }
 
 .locked,
diff --git a/src/components/system/Tooltip.vue b/src/components/system/Tooltip.vue
index 87c2311..a668e9a 100644
--- a/src/components/system/Tooltip.vue
+++ b/src/components/system/Tooltip.vue
@@ -87,4 +87,29 @@ export default {
 		visibility: visible;
 	}
 }
+
+.tooltip-left[tooltip]:before,
+.side-nodes [tooltip]:before {
+	bottom: unset;
+	left: unset;
+	right: 100%;
+	top: 50%;
+	margin-left: unset;
+	margin-bottom: unset;
+	margin-right: 5px;
+    transform: translateY(-50%);
+}
+
+.tooltip-left[tooltip]:after,
+.side-nodes [tooltip]:after {
+	bottom: unset;
+	left: unset;
+	right: 100%;
+	top: 50%;
+    transform: translateY(-50%);
+    border-left: 5px solid var(--background-tooltip);
+    border-top: 5px solid transparent;
+    border-bottom: 5px solid transparent;
+    border-right: unset;
+}
 </style>