fix: a11y button corrections (#32)

* outline send, upload, and actions on focus. * search result width * remove duplicate selector * fix: update SuggestionList items * add transparent background * update search result button styles
GetStream · Jan 20, 2022 · 74e9d3d · 74e9d3d
1 parent bde7332
commit 74e9d3d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/src/styles/ChannelSearch.scss b/src/styles/ChannelSearch.scss
@@ -50,6 +50,8 @@
       cursor: pointer;
       padding-left: 8px;
       width: 100%;
+      border: none;
+      background: transparent;
 
       &:hover {
         font-weight: var(--font-weight-bold);

diff --git a/src/styles/Message.scss b/src/styles/Message.scss
@@ -734,10 +734,6 @@
       .str-chat__message-simple__actions__action--reactions {
         display: flex;
       }
-
-      .str-chat__message-simple__actions__action--reactions {
-        display: flex;
-      }
     }
 
     &-text {

diff --git a/src/styles/MessageInput.scss b/src/styles/MessageInput.scss
@@ -168,6 +168,13 @@
   font-size: var(--md-font);
 }
 
+.rta__entity {
+  cursor: pointer;
+  width: 100%;
+  border: none;
+  background: transparent;
+}
+
 .rta__entity--selected {
   background-color: var(--primary-color);
   color: var(--white);