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();
},
events: {
'click .timestamp': 'select',
'click .meta': 'select',
'click .error': 'select'
},
select: function(e) {

18
stylesheets/_conversation.scss
View file

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

13
stylesheets/manifest.css
View file

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