Put a prominent Feedback icon to the right of your feed.

(imported from commit a18cb1f73d342a683515270956305ce387b3af19)
This commit is contained in:
Jessica McKellar 2013-05-13 17:03:50 -04:00
parent 1bb9def157
commit 8a3f51dca0
5 changed files with 22 additions and 3 deletions

View File

@ -76,8 +76,8 @@
</li> </li>
<li class="divider"></li> <li class="divider"></li>
<li title="Feedback"> <li title="Feedback">
<a href="#feedback" class="feedback_button"> <a href="#feedback" class="feedback">
<i class="icon-comment"></i> Feedback <i class="icon-vector-comment"></i> Feedback
</a> </a>
</li> </li>
{% if show_invites %} {% if show_invites %}

View File

@ -1,5 +1,10 @@
<div class="row right_sidebar"> <div class="row right_sidebar">
<div class="span2 sidebar-nav affix" id="right-sidebar"> <div class="span2 sidebar-nav affix" id="right-sidebar">
<div id="feedback_section">
<button type="button" class="btn btn-large" id="feedback_button">
<i class="icon-vector-comment"></i>&nbsp;&nbsp;Send feedback
</button>
</div>
<div id="onboarding"> <div id="onboarding">
<p id="onboarding-header">Get started with Humbug!</p> <p id="onboarding-header">Get started with Humbug!</p>
<div id="onboarding-checklist"> <div id="onboarding-checklist">

View File

@ -1242,8 +1242,16 @@ $(function () {
return false; return false;
}); });
$('.feedback_button').click(function (e) { // Keep these 2 feedback bot triggers separate because they have to
// propagate the event differently.
$('.feedback').click(function (e) {
compose.start('private', { 'private_message_recipient': 'feedback@humbughq.com' }); compose.start('private', { 'private_message_recipient': 'feedback@humbughq.com' });
});
$('#feedback_button').click(function (e) {
e.stopPropagation();
compose.start('private', { 'private_message_recipient': 'feedback@humbughq.com' });
}); });
$('.logout_button').click(function (e) { $('.logout_button').click(function (e) {
$('#logout_form').submit(); $('#logout_form').submit();

View File

@ -434,3 +434,4 @@ ul.icons li [class*=" icon-vector-"] {
.icon-vector-cog:before { content: "\f013"; } .icon-vector-cog:before { content: "\f013"; }
.icon-vector-check:before { content: "\f046"; } .icon-vector-check:before { content: "\f046"; }
.icon-vector-check-empty:before { content: "\f096"; } .icon-vector-check-empty:before { content: "\f096"; }
.icon-vector-comment:before { content: "\f075"; }

View File

@ -1294,3 +1294,8 @@ li.expanded_subject {
#sticky_done { #sticky_done {
text-align: center; text-align: center;
} }
#feedback_section {
text-align: center;
padding-bottom: 10px;
}