From d5dfffd9dab4808b1643d7231cd21069288b84b2 Mon Sep 17 00:00:00 2001 From: lilia Date: Wed, 20 Apr 2016 21:13:56 -0700 Subject: [PATCH] Darken the scrollbar on hover // FREEBIE --- js/views/timestamp_view.js | 9 +++------ stylesheets/_global.scss | 4 ++++ stylesheets/manifest.css | 2 ++ 3 files changed, 9 insertions(+), 6 deletions(-) diff --git a/js/views/timestamp_view.js b/js/views/timestamp_view.js index f7a694697..d0310a1ee 100644 --- a/js/views/timestamp_view.js +++ b/js/views/timestamp_view.js @@ -7,9 +7,6 @@ Whisper.TimestampView = Whisper.View.extend({ initialize: function(options) { - if (options) { - this.brief = options.brief; - } extension.windows.onClosed(this.clearTimeout.bind(this)); }, update: function() { @@ -49,13 +46,13 @@ if (timediff.years() > 0) { this.delay = null; - return timestamp.format(this._format['y']); + return timestamp.format(this._format.y); } else if (timediff.months() > 0 || timediff.days() > 6) { this.delay = null; - return timestamp.format(this._format['m']); + return timestamp.format(this._format.m); } else if (timediff.days() > 0) { this.delay = moment(timestamp).add(timediff.days() + 1,'d').diff(moment()); - return timestamp.format(this._format['d']); + return timestamp.format(this._format.d); } else if (timediff.hours() > 1) { this.delay = moment(timestamp).add(timediff.hours() + 1,'h').diff(moment()); return this.relativeTime(timediff.hours(), 'hh'); diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss index 4e138d42c..4084e9d07 100644 --- a/stylesheets/_global.scss +++ b/stylesheets/_global.scss @@ -78,6 +78,10 @@ button.back { ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: $border-radius; + + &:hover { + background: rgba(0,0,0,0.25); + } } .header-buttons { diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css index 5e7b4b892..c0bc35c23 100644 --- a/stylesheets/manifest.css +++ b/stylesheets/manifest.css @@ -90,6 +90,8 @@ button.back { ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15); border-radius: 5px; } + ::-webkit-scrollbar-thumb:hover { + background: rgba(0, 0, 0, 0.25); } .header-buttons { height: 0; }