From eea490e133f7afc16c06393ba2a786981d118c01 Mon Sep 17 00:00:00 2001 From: ppoffice Date: Sat, 29 Aug 2020 19:28:14 -0400 Subject: [PATCH] fix(style): dont custom scrollbar on touch screens --- include/style/base.styl | 31 ++++++++++++++----------------- 1 file changed, 14 insertions(+), 17 deletions(-) diff --git a/include/style/base.styl b/include/style/base.styl index edbf51c..c0093a7 100644 --- a/include/style/base.styl +++ b/include/style/base.styl @@ -77,23 +77,20 @@ body body > .section flex-grow: 1 -// Modify the style of the scroll bar only for -webkit browsers -::-webkit-scrollbar - width: 8px - height: 8px ++desktop() + ::-webkit-scrollbar + width: 8px + height: 8px -// Modify the style of the scroll bar only for -webkit browsers -::-webkit-scrollbar-track - border-radius: 3px - background: rgba(0,0,0,0.06) - box-shadow: inset 0 0 5px rgba(0,0,0,0.1) + ::-webkit-scrollbar-track + border-radius: 3px + background: rgba(0,0,0,0.06) + box-shadow: inset 0 0 5px rgba(0,0,0,0.1) -// Modify the style of the scroll bar only for -webkit browsers -::-webkit-scrollbar-thumb - border-radius: 3px - background: rgba(0,0,0,0.12) - box-shadow: inset 0 0 10px rgba(0,0,0,0.2) + ::-webkit-scrollbar-thumb + border-radius: 3px + background: rgba(0,0,0,0.12) + box-shadow: inset 0 0 10px rgba(0,0,0,0.2) -// Modify the style of the scroll bar only for -webkit browsers -::-webkit-scrollbar-thumb:hover - background: rgba(0,0,0,0.24) + ::-webkit-scrollbar-thumb:hover + background: rgba(0,0,0,0.24)