asandikci.com/web
1
0
Fork 0
Code Issues 10 Pull requests Projects Releases Packages Wiki Activity Actions

Fixed the sidebar cursor jumping on Safari.

Browse source
This commit is contained in:
Cotes Chung 2019-10-25 19:26:03 +08:00
parent 3b102ee4c6
commit d585d66fc5
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
assets/css/_src/main.scss
View file

@ -71,31 +71,36 @@ body {
#sidebar ul > li.active:nth-child(1) ~ li:last-child::after, #sidebar ul > li.active:nth-child(1) ~ li:last-child::after,
#sidebar ul > li.nav-item:nth-child(1):hover ~ 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; visibility: visible;
} }
#sidebar ul > li.active:nth-child(2) ~ li:last-child::after, #sidebar ul > li.active:nth-child(2) ~ li:last-child::after,
#sidebar ul > li.nav-item:nth-child(2):hover ~ 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; visibility: visible;
} }
#sidebar ul > li.active:nth-child(3) ~ li:last-child::after, #sidebar ul > li.active:nth-child(3) ~ li:last-child::after,
#sidebar ul > li.nav-item:nth-child(3):hover ~ 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; visibility: visible;
} }
#sidebar ul > li.active:nth-child(4) ~ li:last-child::after, #sidebar ul > li.active:nth-child(4) ~ li:last-child::after,
#sidebar ul > li.nav-item:nth-child(4):hover ~ 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; visibility: visible;
} }
#sidebar ul > li.active:nth-child(5):last-child::after, #sidebar ul > li.active:nth-child(5):last-child::after,
#sidebar ul > li.nav-item:nth-child(5):last-child:hover::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; visibility: visible;
} }