Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add envelope glyph to private message topic titles

This commit is contained in:
Neil Lalonde 2014-02-26 12:02:44 -05:00
parent cae7af4b07
commit 8167cefe36
4 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/javascripts/discourse/templates/header.js.handlebars
View File

@ -10,6 +10,9 @@
<a {{bind-attr class=":star topic.starred:starred"}} {{action toggleStar}} href='#' {{bind-attr title="topic.starTooltip"}}></a>
{{/if}}
<h1>
{{#if topic.isPrivateMessage}}
<span class="private-message-glyph"><i class='fa fa-envelope'></i></span>
{{/if}}
{{#if topic.category.parentCategory}}
{{boundCategoryLink topic.category.parentCategory}}
{{/if}}

1
app/assets/javascripts/discourse/templates/topic.js.handlebars
View File

@ -19,6 +19,7 @@
<button class='btn btn-small' {{action cancelEditingTopic}}><i class='fa fa-times'></i></button>
{{else}}
<h1>
<span class="private-message-glyph"><i class='fa fa-envelope'></i></span>
{{#if category.parentCategory}}
{{boundCategoryLink category.parentCategory}}
{{/if}}

4
app/assets/stylesheets/desktop/topic.scss
View File

@ -64,8 +64,12 @@
.fa-thumb-tack { margin-top: -1px; }
}
.chzn-container { vertical-align: middle; }
.private-message-glyph { display: none; }
}
.private-message-glyph { color: lighten($primary_text_color, 60%); }
.private_message #topic-title .private-message-glyph { display: inline; }
#topic-closing-info {
border-top: 1px solid lighten($primary_border_color, 10%) ;
padding-top: 10px;

16
app/assets/stylesheets/mobile/topic.scss
View File

@ -26,19 +26,19 @@
#topic-title {
margin-bottom: 20px;
margin: 0 60px 10px 20px;
line-height: 1.7em;
margin: 0 60px 10px 20px;
line-height: 1.7em;
h1 {
h1 {
font-size: 1.5em;
margin:0;
a.edit-topic {font-size: 15px;}
a.edit-topic {font-size: 15px;}
}
.private-message-glyph { display: none; }
}
}
.private-message-glyph { color: lighten($primary_text_color, 60%); }
.private_message #topic-title .private-message-glyph { display: inline; }
#topic-closing-info {
margin-left: 10px;