From f3fb182137ec957808791057f2cf95d47ac769f7 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Mon, 1 Feb 2016 19:07:55 -0600 Subject: [PATCH] fix(scrollbars): do not apply css scrollbars --- ionic/components/app/scrollbars.scss | 40 +++++++++++++++------------- 1 file changed, 21 insertions(+), 19 deletions(-) diff --git a/ionic/components/app/scrollbars.scss b/ionic/components/app/scrollbars.scss index 40a9669e93..b9647aed77 100644 --- a/ionic/components/app/scrollbars.scss +++ b/ionic/components/app/scrollbars.scss @@ -4,24 +4,26 @@ // Styling for dekstop webkit browsers // These do not apply for mobile browsers -::-webkit-scrollbar { - width: 9px; -} +.css-scrollbars { -::-webkit-scrollbar-thumb:vertical, -::-webkit-scrollbar-thumb:horizontal { - background: rgba(0, 0, 0, 0.4); - border: 2px solid transparent; - border-radius: 20px; - background-clip: padding-box; - min-height: 10px; -} + ::-webkit-scrollbar { + width: 9px; + } -::-webkit-scrollbar-thumb:vertical:active, -::-webkit-scrollbar-thumb:horizontal:active { - background: rgba(0, 0, 0, 0.6); - border: 2px solid transparent; - border-radius: 20px; - background-clip: padding-box; - min-height: 10px; -} + ::-webkit-scrollbar-thumb:vertical { + background: rgba(0, 0, 0, 0.4); + border: 2px solid transparent; + border-radius: 20px; + background-clip: padding-box; + min-height: 10px; + } + + ::-webkit-scrollbar-thumb:vertical:active { + background: rgba(0, 0, 0, 0.6); + border: 2px solid transparent; + border-radius: 20px; + background-clip: padding-box; + min-height: 10px; + } + +} \ No newline at end of file