From d585d66fc595dbc981fa91a750e6696171c2a4d7 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Fri, 25 Oct 2019 19:26:03 +0800
Subject: [PATCH] Fixed the sidebar cursor jumping on Safari.

---
 assets/css/_src/main.scss | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/assets/css/_src/main.scss b/assets/css/_src/main.scss
index ad437c9..9ec0a19 100644
--- a/assets/css/_src/main.scss
+++ b/assets/css/_src/main.scss
@@ -71,31 +71,36 @@ body {
 
 #sidebar ul > li.active:nth-child(1) ~ li:last-child::after,
 #sidebar ul > li.nav-item:nth-child(1):hover ~ li:last-child::after {
-  top: calc(-400% + (26px / 2));
+  // top: calc(-400% + (26px / 2));
+  top: -195px;
   visibility: visible;
 }
 
 #sidebar ul > li.active:nth-child(2) ~ li:last-child::after,
 #sidebar ul > li.nav-item:nth-child(2):hover ~ li:last-child::after {
-  top: calc(-300% + (26px / 2));
+  // top: calc(-300% + (26px / 2));
+  top: -143px;
   visibility: visible;
 }
 
 #sidebar ul > li.active:nth-child(3) ~ li:last-child::after,
 #sidebar ul > li.nav-item:nth-child(3):hover ~ li:last-child::after {
-  top: calc(-200% + (26px / 2));
+  // top: calc(-200% + (26px / 2));
+  top:  -91px;
   visibility: visible;
 }
 
 #sidebar ul > li.active:nth-child(4) ~ li:last-child::after,
 #sidebar ul > li.nav-item:nth-child(4):hover ~ li:last-child::after {
-  top: calc(-100% + (26px / 2));
+  // top: calc(-100% + (26px / 2));
+  top: -39px;
   visibility: visible;
 }
 
 #sidebar ul > li.active:nth-child(5):last-child::after,
 #sidebar ul > li.nav-item:nth-child(5):last-child:hover::after {
-  top: calc(26px / 2);
+  // top: calc(26px / 2);
+  top: 13px;
   visibility: visible;
 }