css: Directly use `only-visible-for-spectaros` class to hide elements.

This commit is contained in:
Aman Agrawal 2021-06-20 22:52:53 +00:00 committed by Tim Abbott
parent 4c0c067136
commit 8b692943e7
3 changed files with 6 additions and 2 deletions

View File

@ -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. */

View File

@ -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>

View File

@ -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>