schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2024-11-10 07:37:45 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Set dark scrollbar globally

Browse source
This commit is contained in:
Lukas Martinelli 2016-12-30 21:02:39 +01:00
parent cf80e80025
commit 24a90b3c57
3 changed files with 14 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/ScrollContainer.jsx
View file

@ -1,8 +1,7 @@
import React from 'react'
import scrollbars from './scrollbars.scss'
const ScrollContainer = (props) => {
return <div className={scrollbars.darkScrollbar} style={{
return <div style={{
overflowX: "visible",
overflowY: "scroll",
bottom:0,

12
src/components/scrollbars.scss
View file

@ -1,12 +0,0 @@
.darkScrollbar::-webkit-scrollbar {
background-color: #26282e;
width: 5px;
}
.darkScrollbar::-webkit-scrollbar-thumb {
border-radius: 6px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #40444e;
padding-left: 2px;
padding-right: 2px;
}

13
src/index.css
View file

@ -19,3 +19,16 @@ html {
color: rgb(142, 142, 142) !important;
box-shadow: none !important;
}
::-webkit-scrollbar {
background-color: #26282e;
width: 5px;
}
::-webkit-scrollbar-thumb {
border-radius: 6px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #40444e;
padding-left: 2px;
padding-right: 2px;
}