Mirrors/responsively-app
2
0
Fork 0
mirror of https://github.com/responsively-org/responsively-app synced 2024-09-21 06:41:55 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #195 from Kidcredo/master

Browse source 
Scrollbar update to match app's user interface
This commit is contained in:
Manoj Vivek 2020-06-17 20:56:57 +05:30 committed by GitHub
commit 6e90973cc1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
desktop-app/app/app.global.css
View file

@ -140,3 +140,31 @@ Add device form styles*/
} }
} }
*/ */
/* This is to make the scrollbar consistent */
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
/* The scrollbar Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* The scrollbar Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(49, 49, 49, 1);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
/* When the scrollbar is inactive */
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(49, 49, 49, 1);
}
/* When the box area between the horzontal scrollbar and the vertical scrollbar */
::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0);
}