Skip to content

Commit 9f4e8fb

Browse files
authored
Merge pull request #211 from aswanthkoleri/master
add custom scrollbar to team page
2 parents 6bb10ef + e465a5e commit 9f4e8fb

1 file changed

Lines changed: 24 additions & 3 deletions

File tree

static/css/layout.css

Lines changed: 24 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -218,7 +218,29 @@ body{
218218
margin-top: -50px;
219219
}
220220
/* Hover effect end */
221-
221+
/*******************************Scrollbar ***********************************/
222+
/* width */
223+
::-webkit-scrollbar {
224+
width: 7px;
225+
}
226+
227+
/* Track */
228+
::-webkit-scrollbar-track {
229+
box-shadow: inset 0 0 5px grey;
230+
border-radius: 10px;
231+
}
232+
233+
/* Handle */
234+
::-webkit-scrollbar-thumb {
235+
background: linear-gradient(330deg, #5D009C ,#D40062, #FCB600); ;
236+
border-radius: 10px;
237+
}
238+
239+
/* Handle on hover */
240+
::-webkit-scrollbar-thumb:hover {
241+
background:linear-gradient(330deg, #5D009C ,#D40062, #FCB600); ;
242+
}
243+
/***********************************Scrollbar end*****************************/
222244
/* #Tablet (Portrait) */
223245
@media only screen and (min-width: 768px) and (max-width: 1024px) {
224246
.container {
@@ -256,11 +278,9 @@ body{
256278
}
257279

258280
.image:after {
259-
display: none;
260281
cursor: pointer;
261282
}
262283
.image:hover:after {
263-
display: none;
264284
cursor: pointer;
265285
}
266286

@@ -299,6 +319,7 @@ body{
299319
.back{
300320
display: none;
301321
}
322+
302323
}
303324

304325

0 commit comments

Comments
 (0)