Re-styles scrollbars

This commit is contained in:
yanas 2017-05-23 15:06:45 -05:00
parent 23fea490aa
commit dc5a29a976
2 changed files with 47 additions and 22 deletions

View File

@ -150,3 +150,28 @@ form {
-webkit-user-select: text; -webkit-user-select: text;
user-select: text; user-select: text;
} }
/**
* Re-style default OS scrollbar.
*/
::-webkit-scrollbar {
background: transparent;
width: 7px;
}
::-webkit-scrollbar-button {
display: none;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-track-piece {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .5);
border-radius: 4px;
}

View File

@ -31,6 +31,28 @@
a:active { a:active {
color: black; color: black;
} }
&::-webkit-scrollbar {
background: #06a5df;
width: 7px;
}
&::-webkit-scrollbar-button {
display: none;
}
&::-webkit-scrollbar-track {
background: black;
}
&::-webkit-scrollbar-track-piece {
background: black;
}
&::-webkit-scrollbar-thumb {
background: #06a5df;
border-radius: 4px;
}
} }
#chat_container.is-conversation-mode #chatconversation { #chat_container.is-conversation-mode #chatconversation {
@ -212,28 +234,6 @@
line-height: 30px; line-height: 30px;
} }
:not(.default-scrollbar)::-webkit-scrollbar {
background: #06a5df;
width: 7px;
}
:not(.default-scrollbar)::-webkit-scrollbar-button {
display: none;
}
:not(.default-scrollbar)::-webkit-scrollbar-track {
background: black;
}
:not(.default-scrollbar)::-webkit-scrollbar-track-piece {
background: black;
}
:not(.default-scrollbar)::-webkit-scrollbar-thumb {
background: #06a5df;
border-radius: 4px;
}
#usermsg::-webkit-scrollbar-track-piece { #usermsg::-webkit-scrollbar-track-piece {
background: #3a3a3a; background: #3a3a3a;
} }