From 8b692943e7b0f499ba018ec835536d700ef5fd27 Mon Sep 17 00:00:00 2001
From: Aman Agrawal <amanagr@zulip.com>
Date: Sun, 20 Jun 2021 22:52:53 +0000
Subject: [PATCH] css: Directly use `only-visible-for-spectaros` class to hide
 elements.

---
 static/styles/app_components.css | 4 ++++
 static/templates/compose.hbs     | 2 +-
 static/templates/gear_menu.hbs   | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/static/styles/app_components.css b/static/styles/app_components.css
index 2e7ab4242a..8de60e15c3 100644
--- a/static/styles/app_components.css
+++ b/static/styles/app_components.css
@@ -552,6 +552,10 @@ div.overlay {
     background-size: cover;
 }
 
+.only-visible-for-spectators {
+    display: none;
+}
+
 .spectator-view {
     /* Add this class to elements which a
      * spectator cannot use. */
diff --git a/static/templates/compose.hbs b/static/templates/compose.hbs
index 40a2f89f60..492385c957 100644
--- a/static/templates/compose.hbs
+++ b/static/templates/compose.hbs
@@ -31,7 +31,7 @@
                 </button>
             </span>
             {{/unless}}
-            <span class="new_message_button hide only-visible-for-spectators">
+            <span class="new_message_button only-visible-for-spectators">
                 <a class="no-underline button small rounded float-left" href="/login">
                     {{t 'Log in to send messages' }}
                 </a>
diff --git a/static/templates/gear_menu.hbs b/static/templates/gear_menu.hbs
index 8a619b1a2f..f1c0982c20 100644
--- a/static/templates/gear_menu.hbs
+++ b/static/templates/gear_menu.hbs
@@ -119,7 +119,7 @@
                 </a>
             </li>
             {{/if}}
-            <li role="presentation" class="hide only-visible-for-spectators">
+            <li role="presentation" class="only-visible-for-spectators">
                 <a href="/login" role="menuitem">
                     <i class="fa fa-sign-in" aria-hidden="true"></i> {{t 'Log in' }}
                 </a>