From ee2329d23673935fcb8a1543c15515d010f22fcb Mon Sep 17 00:00:00 2001 From: Matthew Hodgson Date: Sun, 7 Aug 2016 21:35:41 +0100 Subject: [PATCH] make scrollbars bigger on hoverover --- src/skins/vector/css/common.css | 22 ++++++++++++++++++++-- 1 file changed, 20 insertions(+), 2 deletions(-) diff --git a/src/skins/vector/css/common.css b/src/skins/vector/css/common.css index fb87668a8b..69fe39af22 100644 --- a/src/skins/vector/css/common.css +++ b/src/skins/vector/css/common.css @@ -84,9 +84,27 @@ input[type=text]:focus, textarea:focus { position: absolute; } -/* hack to avoid accidental click-throughs if you miss the narrow scrollbar */ +/* Expand thumbs on hoverover */ +.gm-scrollbar { + border-radius: 5px ! important; +} .gm-scrollbar.-vertical { - border-left: 6px solid transparent; + width: 6px; + transition: width 120ms ease-out ! important; +} +.gm-scrollbar.-vertical:hover, +.gm-scrollbar.-vertical:active { + width: 8px; + transition: width 120ms ease-out ! important; +} +.gm-scrollbar.-horizontal { + height: 6px; + transition: height 120ms ease-out ! important; +} +.gm-scrollbar.-horizontal:hover, +.gm-scrollbar.-horizontal:active { + height: 8px; + transition: height 120ms ease-out ! important; } .mx_Dialog_wrapper {