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

View File

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

View File

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

View File

@ -64,8 +64,12 @@
.fa-thumb-tack { margin-top: -1px; } .fa-thumb-tack { margin-top: -1px; }
} }
.chzn-container { vertical-align: middle; } .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 { #topic-closing-info {
border-top: 1px solid lighten($primary_border_color, 10%) ; border-top: 1px solid lighten($primary_border_color, 10%) ;
padding-top: 10px; padding-top: 10px;

View File

@ -32,13 +32,13 @@ line-height: 1.7em;
h1 { h1 {
font-size: 1.5em; font-size: 1.5em;
margin:0; 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 { #topic-closing-info {
margin-left: 10px; margin-left: 10px;