Darken the scrollbar on hover
// FREEBIE
This commit is contained in:
parent
7b29a567b5
commit
d5dfffd9da
3 changed files with 9 additions and 6 deletions
|
@ -7,9 +7,6 @@
|
||||||
|
|
||||||
Whisper.TimestampView = Whisper.View.extend({
|
Whisper.TimestampView = Whisper.View.extend({
|
||||||
initialize: function(options) {
|
initialize: function(options) {
|
||||||
if (options) {
|
|
||||||
this.brief = options.brief;
|
|
||||||
}
|
|
||||||
extension.windows.onClosed(this.clearTimeout.bind(this));
|
extension.windows.onClosed(this.clearTimeout.bind(this));
|
||||||
},
|
},
|
||||||
update: function() {
|
update: function() {
|
||||||
|
@ -49,13 +46,13 @@
|
||||||
|
|
||||||
if (timediff.years() > 0) {
|
if (timediff.years() > 0) {
|
||||||
this.delay = null;
|
this.delay = null;
|
||||||
return timestamp.format(this._format['y']);
|
return timestamp.format(this._format.y);
|
||||||
} else if (timediff.months() > 0 || timediff.days() > 6) {
|
} else if (timediff.months() > 0 || timediff.days() > 6) {
|
||||||
this.delay = null;
|
this.delay = null;
|
||||||
return timestamp.format(this._format['m']);
|
return timestamp.format(this._format.m);
|
||||||
} else if (timediff.days() > 0) {
|
} else if (timediff.days() > 0) {
|
||||||
this.delay = moment(timestamp).add(timediff.days() + 1,'d').diff(moment());
|
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) {
|
} else if (timediff.hours() > 1) {
|
||||||
this.delay = moment(timestamp).add(timediff.hours() + 1,'h').diff(moment());
|
this.delay = moment(timestamp).add(timediff.hours() + 1,'h').diff(moment());
|
||||||
return this.relativeTime(timediff.hours(), 'hh');
|
return this.relativeTime(timediff.hours(), 'hh');
|
||||||
|
|
|
@ -78,6 +78,10 @@ button.back {
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
background: rgba(0,0,0,0.15);
|
background: rgba(0,0,0,0.15);
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: rgba(0,0,0,0.25);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-buttons {
|
.header-buttons {
|
||||||
|
|
|
@ -90,6 +90,8 @@ button.back {
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
background: rgba(0, 0, 0, 0.15);
|
background: rgba(0, 0, 0, 0.15);
|
||||||
border-radius: 5px; }
|
border-radius: 5px; }
|
||||||
|
::-webkit-scrollbar-thumb:hover {
|
||||||
|
background: rgba(0, 0, 0, 0.25); }
|
||||||
|
|
||||||
.header-buttons {
|
.header-buttons {
|
||||||
height: 0; }
|
height: 0; }
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue