UX: Focus on new topic link that appears on the page via keyboard. (#6081)

- Add an <a> tag to handle keypress events on new topic indicator.
This commit is contained in:
Misaka 0x4e21 2018-07-12 12:36:19 +08:00 committed by Sam
parent decf1f27cf
commit de4d4747c4
3 changed files with 7 additions and 3 deletions

View File

@ -21,7 +21,7 @@
<div class='clearfix'></div>
</div>
{{#if hasIncoming}}
<div class='alert alert-info clickable' {{action "showInserted"}}>
<div class='alert alert-info clickable' tabindex="0" {{action "showInserted"}}>
{{count-i18n key="admin.web_hooks.events.incoming" count=incomingCount}}
</div>
{{/if}}

View File

@ -2,7 +2,9 @@
{{#if hasIncoming}}
<div class="show-mores">
<div class='alert alert-info clickable' {{action "showInserted"}}>
{{count-i18n key="topic_count_" suffix="latest" count=incomingCount}}
<a tabindex="0" href="" {{action "showInserted"}}>
{{action "showInserted"}}>{{count-i18n key="topic_count_" suffix="latest" count=incomingCount}}
</a>
</div>
</div>
{{/if}}

View File

@ -35,7 +35,9 @@
{{#if topicTrackingState.hasIncoming}}
<div class="show-more {{if hasTopics 'has-topics'}}">
<div class='alert alert-info clickable' {{action "showInserted"}}>
{{count-i18n key="topic_count_" suffix=topicTrackingState.filter count=topicTrackingState.incomingCount}}
<a tabindex="0" href="" {{action "showInserted"}}>
{{count-i18n key="topic_count_" suffix=topicTrackingState.filter count=topicTrackingState.incomingCount}}
</a>
</div>
</div>
{{/if}}