Fixes for Search button issues

Blazored · May 19, 2019 · d5b0cb6 · d5b0cb6
1 parent d242ede
commit d5b0cb6
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 5 deletions.
diff --git a/src/Blazor.Gitter.Client/wwwroot/css/blazord.gitter.css b/src/Blazor.Gitter.Client/wwwroot/css/blazord.gitter.css
@@ -600,6 +600,7 @@ app {
   position: fixed;
   top: 70px;
   right: 20px;
+  color: #FF6600;
   background: #000;
   border-radius: 4rem;
   width: 5rem;

diff --git a/src/Blazor.Gitter.Client/wwwroot/css/blazord.gitter.min.css b/src/Blazor.Gitter.Client/wwwroot/css/blazord.gitter.min.css
diff --git a/src/Blazor.Gitter.Core/Components/Pages/Room.razor b/src/Blazor.Gitter.Core/Components/Pages/Room.razor
@@ -16,9 +16,7 @@ else
 {
     <div class="chat-room">
         <div class="chat-room__content">
-            <div class="chat-room__search-button" onclick="@ToggleSearchMenu">
-                <i class="fas fa-search"></i>
-            </div>
+            <button class="chat-room__search-button fas fa-search" onclick="@ToggleSearchMenu"></button>
             <RoomTitle ChatRoom="@ThisRoom" />
             <RoomMessages ChatRoom="@ThisRoom" UserId="@State.GetMyUser().Id" />
             <RoomSend ChatRoom="@ThisRoom" User="@State.GetMyUser()" />

diff --git a/src/Blazor.Gitter.Core/content/css/_chatroom.scss b/src/Blazor.Gitter.Core/content/css/_chatroom.scss
@@ -19,6 +19,7 @@
     position: fixed;
     top: 70px;
     right: 20px;
+    color: $accent;
     background: #000;
     border-radius: 4rem;
     width: 5rem;

diff --git a/src/Blazor.Gitter.Server/wwwroot/css/blazord.gitter.css b/src/Blazor.Gitter.Server/wwwroot/css/blazord.gitter.css
@@ -600,6 +600,7 @@ app {
   position: fixed;
   top: 70px;
   right: 20px;
+  color: #FF6600;
   background: #000;
   border-radius: 4rem;
   width: 5rem;

diff --git a/src/Blazor.Gitter.Server/wwwroot/css/blazord.gitter.min.css b/src/Blazor.Gitter.Server/wwwroot/css/blazord.gitter.min.css