Hide visitor mode login message on really small embed widths

This commit is contained in:
Jeremy Zhang 2017-09-01 19:19:13 +00:00
parent 610d46936c
commit 93cc797aac
2 changed files with 11 additions and 1 deletions

View File

@ -375,6 +375,16 @@ a {
width: 305px; width: 305px;
} }
#visitor_mode_message_note {
display: none;
}
@media only screen and (min-width: 400px) {
#visitor_mode_message_note {
display: inline;
}
}
#focusmodal { #focusmodal {
background-color: rgba(84, 110, 122, 0.58); background-color: rgba(84, 110, 122, 0.58);
text-shadow: 1px 1px 2px black, 0 0 1em #607d8b, 0 0 0.2em #b0bec5; text-shadow: 1px 1px 2px black, 0 0 1em #607d8b, 0 0 0.2em #b0bec5;

View File

@ -184,7 +184,7 @@
</div> </div>
<div id="messageboxouter" class="input-field inline"> <div id="messageboxouter" class="input-field inline">
<textarea placeholder="Enter message" id="messagebox" type="text" class="materialize-textarea" rows="1"></textarea> <textarea placeholder="Enter message" id="messagebox" type="text" class="materialize-textarea" rows="1"></textarea>
<span id="visitor_mode_message" style="display:none;">Please login to post a message. <a id="visitor_login_btn" class="waves-effect waves-light btn">Login</a></span> <span id="visitor_mode_message" style="display:none;"><span id="visitor_mode_message_note">Please login to post a message.</span> <a id="visitor_login_btn" class="waves-effect waves-light btn">Login</a></span>
</div> </div>
</div> </div>
</footer> </footer>