frontend: Reduce opacity of hotkey hints.

This helps these draw a bit less attention.
This commit is contained in:
Vaida Plankyte 2017-08-25 10:09:51 +01:00 committed by Tim Abbott
parent 0e17d7763b
commit 80ff3d8da5
4 changed files with 10 additions and 6 deletions

View File

@ -2739,3 +2739,7 @@ button.topic_edit_cancel {
visibility: visible; visibility: visible;
opacity: 1; opacity: 1;
} }
.hotkey-hint {
opacity: 0.75;
}

View File

@ -25,7 +25,7 @@
<li> <li>
<a href="#" class="popover_toggle_collapse" data-message-id="{{message.id}}"> <a href="#" class="popover_toggle_collapse" data-message-id="{{message.id}}">
<i class="fa fa-minus" aria-hidden="true"></i> <i class="fa fa-minus" aria-hidden="true"></i>
{{t "Collapse" }} () {{t "Collapse" }} <span class="hotkey-hint">()</span>
</a> </a>
</li> </li>
{{/if}} {{/if}}
@ -34,7 +34,7 @@
<li> <li>
<a href="#" class="popover_toggle_collapse" data-message-id="{{message.id}}"> <a href="#" class="popover_toggle_collapse" data-message-id="{{message.id}}">
<i class="fa fa-plus" aria-hidden="true"></i> <i class="fa fa-plus" aria-hidden="true"></i>
{{t "Un-collapse" }} () {{t "Un-collapse" }} <span class="hotkey-hint">()</span>
</a> </a>
</li> </li>
{{/if}} {{/if}}
@ -59,7 +59,7 @@
<li> <li>
<a href="#" class="popover_mute_topic" data-msg-stream="{{message.stream}}" data-msg-topic="{{message.subject}}"> <a href="#" class="popover_mute_topic" data-msg-stream="{{message.stream}}" data-msg-topic="{{message.subject}}">
<i class="fa fa-eye-slash" aria-hidden="true"></i> <i class="fa fa-eye-slash" aria-hidden="true"></i>
{{#tr message}}Mute the topic <b>__subject__</b>{{/tr}} (M) {{#tr message}}Mute the topic <b>__subject__</b>{{/tr}} <span class="hotkey-hint">(M)</span>
</a> </a>
</li> </li>
{{/if}} {{/if}}

View File

@ -32,7 +32,7 @@
{{#unless is_me}} {{#unless is_me}}
<li> <li>
<a href="#" class="{{ private_message_class }}"> <a href="#" class="{{ private_message_class }}">
<i class="fa fa-envelope" aria-hidden="true"></i> {{#tr this}}Send private message{{/tr}} (R) <i class="fa fa-envelope" aria-hidden="true"></i> {{#tr this}}Send private message{{/tr}} <span class="hotkey-hint">(R)</span>
</a> </a>
</li> </li>
{{/unless}} {{/unless}}
@ -47,7 +47,7 @@
{{#unless is_me}} {{#unless is_me}}
<li> <li>
<a class="mention_user"> <a class="mention_user">
<i class="fa fa-at" aria-hidden="true"></i> {{#tr this}}Reply mentioning user{{/tr}} (@) <i class="fa fa-at" aria-hidden="true"></i> {{#tr this}}Reply mentioning user{{/tr}} <span class="hotkey-hint">(@)</span>
</a> </a>
</li> </li>
{{/unless}} {{/unless}}

View File

@ -102,7 +102,7 @@
</li> </li>
<li role="presentation"> <li role="presentation">
<a tabindex="0" role="menuitem" data-overlay-trigger="keyboard-shortcuts"> <a tabindex="0" role="menuitem" data-overlay-trigger="keyboard-shortcuts">
<i class="icon-vector-keyboard"></i> {{ _('Keyboard shortcuts') }} (?) <i class="icon-vector-keyboard"></i> {{ _('Keyboard shortcuts') }} <span class="hotkey-hint">(?)</span>
</a> </a>
</li> </li>
<li role="presentation"> <li role="presentation">