From 9565429ee04a47521220ddc1fa3bedc7bb574023 Mon Sep 17 00:00:00 2001 From: Cotes Chung <11371340+cotes2020@users.noreply.github.com> Date: Wed, 6 Nov 2019 18:06:10 +0800 Subject: [PATCH] Optimized sidebar cursor effect on touch screens. --- assets/css/_src/main.scss | 19 ++++++++++++------- 1 file changed, 12 insertions(+), 7 deletions(-) diff --git a/assets/css/_src/main.scss b/assets/css/_src/main.scss index fc26cd4..cb5168a 100644 --- a/assets/css/_src/main.scss +++ b/assets/css/_src/main.scss @@ -117,10 +117,15 @@ body { height: 26px; background: #fcfcfc;; pointer-events: none; - -webkit-transition: top .5s ease; - -moz-transition: top .5s ease; - -o-transition: top .5s ease; - transition: top .5s ease; +} + +@media (hover: hover) { + #sidebar ul>li:last-child::after { + -webkit-transition: top .5s ease; + -moz-transition: top .5s ease; + -o-transition: top .5s ease; + transition: top .5s ease; + } } #nav-wrap { @@ -897,7 +902,7 @@ table tbody td { padding-inline-start: 1.5rem; } -#related-posts ul > li::before { +#related-posts ul>li::before { background: #c2c9d4; width: 5px; height: 5px; @@ -1136,8 +1141,8 @@ a.tag:hover { padding: .6rem 0; } -#page-category ul > li::before, -#page-tag ul > li::before { +#page-category ul>li::before, +#page-tag ul>li::before { background: #999; width: 5px; height: 5px;