thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Clicking on message status icon opens detail view

Browse source 
Additionally, hovering over it will apply cursor: pointer. Previously
only the timestamp exhibited this behavior.

// FREEBIE
This commit is contained in:
lilia 2016-02-11 15:02:58 -08:00
parent 496ac30d6f
commit f5436a5123
3 changed files with 12 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
js/views/message_view.js
View file

@ -22,7 +22,7 @@
this.timeStampView = new Whisper.ExtendedTimestampView(); this.timeStampView = new Whisper.ExtendedTimestampView();
}, },
events: { events: {
'click .timestamp': 'select', 'click .meta': 'select',
'click .error': 'select' 'click .error': 'select'
}, },
select: function(e) { select: function(e) {

18
stylesheets/_conversation.scss
View file

@ -57,13 +57,6 @@
border: solid 3px transparent; border: solid 3px transparent;
} }
.timestamp {
cursor: pointer;
&:hover {
text-decoration: underline;
}
}
} }
} }
} }
@ -240,6 +233,9 @@
.timestamp { .timestamp {
font-size: smaller; font-size: smaller;
margin-right: 3px; margin-right: 3px;
&:hover {
text-decoration: underline;
}
} }
.outgoing.entry { .outgoing.entry {
@ -308,6 +304,9 @@
margin: 0; margin: 0;
} }
.meta { .meta {
margin-top: 3px;
float: right;
cursor: pointer;
opacity: 0.5; opacity: 0.5;
&:hover { &:hover {
@ -439,11 +438,6 @@
line-height: 36px; line-height: 36px;
} }
.meta {
margin-top: 3px;
float: right;
}
.end-session { .end-session {
font: small; font: small;
font-style: italic; font-style: italic;

13
stylesheets/manifest.css
View file

@ -627,10 +627,6 @@ input.search {
height: 16px; height: 16px;
width: 16px; width: 16px;
border: solid 3px transparent; } border: solid 3px transparent; }
.conversation .panel .discussion-container .message-list .timestamp {
cursor: pointer; }
.conversation .panel .discussion-container .message-list .timestamp:hover {
text-decoration: underline; }
.group-member-list, .group-member-list,
.new-group-update, .new-group-update,
@ -753,6 +749,8 @@ input.search {
.timestamp { .timestamp {
font-size: smaller; font-size: smaller;
margin-right: 3px; } margin-right: 3px; }
.timestamp:hover {
text-decoration: underline; }
.outgoing.entry .status { .outgoing.entry .status {
display: inline-block; display: inline-block;
@ -810,6 +808,9 @@ input.search {
margin: 0; } margin: 0; }
.message-detail .bubble .meta, .message-detail .bubble .meta,
.message-list .bubble .meta { .message-list .bubble .meta {
margin-top: 3px;
float: right;
cursor: pointer;
opacity: 0.5; } opacity: 0.5; }
.message-detail .bubble .meta:hover, .message-detail .bubble .meta:hover,
.message-list .bubble .meta:hover { .message-list .bubble .meta:hover {
@ -910,10 +911,6 @@ input.search {
height: 36px; height: 36px;
width: 36px; width: 36px;
line-height: 36px; } line-height: 36px; }
.message-detail .meta,
.message-list .meta {
margin-top: 3px;
float: right; }
.message-detail .end-session, .message-detail .end-session,
.message-list .end-session { .message-list .end-session {
font: small; font: small;