outline send, upload, and actions on focus. (#28)

* outline send, upload, and actions on focus.

* search result width

Author: zacheryconverse

src/styles/ChannelSearch.scss

@@ -49,6 +49,7 @@
       height: 40px;
       cursor: pointer;
       padding-left: 8px;
+      width: 100%;
 
       &:hover {
         font-weight: var(--font-weight-bold);

src/styles/MessageActions.scss

@@ -42,6 +42,10 @@
   font-size: var(--sm-font);
   color: var(--black);
   text-decoration: none;
+
+  &:focus {
+    outline: 5px auto -webkit-focus-ring-color;
+  }
 }
 
 .str-chat__message-actions-list button:hover {

src/styles/MessageInput.scss

@@ -56,6 +56,10 @@
   .rfu-file-upload-button {
     right: 46px;
     top: calc(100% - 34px);
+
+    &:focus-within {
+      outline: 5px auto -webkit-focus-ring-color;
+    }
   }
 
   &-footer {

src/styles/SendButton.scss

@@ -3,6 +3,11 @@
   border: 0;
   background: 0;
   outline: 0;
+
+  &:focus {
+    outline: 5px auto -webkit-focus-ring-color;
+  }
+
   @media screen and (min-width: 768px) {
     display: none;
   }