From bf1b11d9e1efc22c200023019a9dfcbc96d2a68d Mon Sep 17 00:00:00 2001 From: Max Khrichtchatyi Date: Tue, 14 Jul 2015 00:48:50 +0600 Subject: [PATCH] Webkit scrollbar UI/UX Fix --- _src/selectordie.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/_src/selectordie.css b/_src/selectordie.css index b82aad0..5f1944b 100644 --- a/_src/selectordie.css +++ b/_src/selectordie.css @@ -144,6 +144,24 @@ margin: 0; } + .sod_select .sod_list::-webkit-scrollbar { + -webkit-appearance: none; + } + + .sod_select .sod_list::-webkit-scrollbar:vertical { + width: 11px; + } + + .sod_select .sod_list::-webkit-scrollbar:horizontal { + height: 11px; + } + + .sod_select .sod_list::-webkit-scrollbar-thumb { + border-radius: 8px; + border: 2px solid #fff; /* should match background, can't be transparent */ + background-color: rgba(0, 0, 0, .5); + } + /* All the options. Keep the first three lines for truncating... */ .sod_select .sod_option {