From c9cf32177a3a22219f9be85bb00cd897decca9b0 Mon Sep 17 00:00:00 2001 From: James Barnsley Date: Thu, 24 Aug 2017 08:22:10 +1200 Subject: [PATCH] No chrome tap higlighting; Smooth swipe --- src/scss/components/_sidebar-toggle-button.scss | 13 +++++-------- src/scss/global/_reset.scss | 3 +++ 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/scss/components/_sidebar-toggle-button.scss b/src/scss/components/_sidebar-toggle-button.scss index caf566b1..01a60290 100755 --- a/src/scss/components/_sidebar-toggle-button.scss +++ b/src/scss/components/_sidebar-toggle-button.scss @@ -1,6 +1,7 @@ .sidebar-toggle { + @include animate(0.15s); position: absolute; top: 0; left: 0; @@ -16,7 +17,6 @@ } &.open { - @include animate(0.15s); position: fixed; top: 0; right: 0; @@ -26,16 +26,13 @@ color: $white; z-index: 99; + -ms-transform: translate(220px, 0); + -webkit-transform: translate(220px, 0); + transform: translate(220px, 0); + .open { display: none; } - - .open, - .close { - position: absolute; - top: 20px; - left: 235px; - } } &:not(.open) { diff --git a/src/scss/global/_reset.scss b/src/scss/global/_reset.scss index abae607e..6e4337da 100755 --- a/src/scss/global/_reset.scss +++ b/src/scss/global/_reset.scss @@ -4,4 +4,7 @@ margin: 0; padding: 0; outline: 0; + + -webkit-tap-highlight-color: rgba(0,0,0,0); + -webkit-tap-highlight-color: transparent; } \ No newline at end of file