Mirrors/responsively-app
2
0
Fork 0
mirror of https://github.com/responsively-org/responsively-app synced 2024-11-10 23:04:20 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #1 from Kidcredo/Kidcredo-scrollbar-fix

Browse source 
Scrollbar update to match app's user interface
This commit is contained in:
Ryan Pais 2020-06-16 23:26:47 +05:30 committed by GitHub
commit 7b66cedebe
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

@ -138,3 +138,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);
}