From 8e49033ed106f0dd6b3c5f6e8d4d30d5bb9698fc Mon Sep 17 00:00:00 2001
From: Jeff Wong <awole20@gmail.com>
Date: Thu, 8 Feb 2018 12:16:13 -0800
Subject: [PATCH] tab index composer actions

add styling for :focus
---
 .../discourse/templates/components/composer-action-title.hbs   | 3 ++-
 app/assets/javascripts/discourse/templates/composer.hbs        | 2 +-
 app/assets/stylesheets/common/select-kit/composer-actions.scss | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/discourse/templates/components/composer-action-title.hbs b/app/assets/javascripts/discourse/templates/components/composer-action-title.hbs
index 6075400d907..0019b1d1797 100644
--- a/app/assets/javascripts/discourse/templates/components/composer-action-title.hbs
+++ b/app/assets/javascripts/discourse/templates/components/composer-action-title.hbs
@@ -5,7 +5,8 @@
     composerModel=model
     options=model.replyOptions
     canWhisper=canWhisper
-    action=model.action}}
+    action=model.action
+    tabindex=tabindex}}
 {{/if}}
 
 <span class="action-title">
diff --git a/app/assets/javascripts/discourse/templates/composer.hbs b/app/assets/javascripts/discourse/templates/composer.hbs
index beb60b375aa..17813a59c53 100644
--- a/app/assets/javascripts/discourse/templates/composer.hbs
+++ b/app/assets/javascripts/discourse/templates/composer.hbs
@@ -16,7 +16,7 @@
             {{plugin-outlet name="composer-open" args=(hash model=model)}}
             <div class='reply-to'>
               <div class="reply-details">
-                {{composer-action-title model=model canWhisper=canWhisper}}
+                {{composer-action-title model=model canWhisper=canWhisper tabindex=8}}
 
                 {{#unless site.mobileView}}
                   {{#if whisperOrUnlistTopicText}}
diff --git a/app/assets/stylesheets/common/select-kit/composer-actions.scss b/app/assets/stylesheets/common/select-kit/composer-actions.scss
index 70c37dae9af..c205aa11dd3 100644
--- a/app/assets/stylesheets/common/select-kit/composer-actions.scss
+++ b/app/assets/stylesheets/common/select-kit/composer-actions.scss
@@ -14,7 +14,7 @@
           margin: 0!important;
         }
 
-        &:hover {
+        &:hover, &:focus {
           background: $primary-low;
         }
       }