Hide corner username until hovered

This commit is contained in:
Jeremy Zhang 2018-08-12 05:45:03 +00:00
parent 14d93b3bd1
commit 03b5d5547e
3 changed files with 8 additions and 6 deletions

View File

@ -357,7 +357,7 @@ textarea.materialize-textarea:focus:not([readonly]) {
#currentuserimage_parent { #currentuserimage_parent {
display: inline-block; display: inline-block;
vertical-align: middle; margin-top: 3px;
} }
.currentuserimage { .currentuserimage {
@ -365,12 +365,15 @@ textarea.materialize-textarea:focus:not([readonly]) {
} }
.currentusername { .currentusername {
display: inline-block; display: none;
position: relative; position: relative;
top: 7px;
left: 5px; left: 5px;
} }
#nameplate:hover #currentusername {
display: inline-block
}
#curuser_discrim { #curuser_discrim {
font-size: 50%; font-size: 50%;
color: #FFFFFF; color: #FFFFFF;

View File

@ -1483,13 +1483,12 @@
discrim = null; discrim = null;
} }
if (authenticated) { if (authenticated) {
$("#currentuserimage").show();
$("#currentuserimage").attr("src", avatar); $("#currentuserimage").attr("src", avatar);
$("#curuser_name").text(username); $("#curuser_name").text(username);
$("#curuser_discrim").text("#" + discrim); $("#curuser_discrim").text("#" + discrim);
current_username_discrim = "#" + discrim; current_username_discrim = "#" + discrim;
} else { } else {
$("#currentuserimage").hide(); $("#currentuserimage").attr("src", global_guest_icon);
$("#curuser_name").text(username); $("#curuser_name").text(username);
$("#curuser_discrim").text("#" + userid); $("#curuser_discrim").text("#" + userid);
current_username_discrim = "#" + userid; current_username_discrim = "#" + userid;

View File

@ -73,7 +73,7 @@
<footer id="footer" class="footer"> <footer id="footer" class="footer">
<div id="footercontainer" class="footercontainer"> <div id="footercontainer" class="footercontainer">
<div class="currentuserchip" id="nameplate"> <div class="currentuserchip" id="nameplate">
<div id="currentuserimage_parent"><img id="currentuserimage" src="" class="circle currentuserimage" style="display: none;"></div> <div id="currentuserimage_parent"><img id="currentuserimage" src="{{ url_for('static', filename='img/titanembeds_square.png') }}" class="circle currentuserimage"></div>
<div id="currentusername" class="currentusername"><span id="curuser_name">Titan</span><span id="curuser_discrim">#0001</span></div> <div id="currentusername" class="currentusername"><span id="curuser_name">Titan</span><span id="curuser_discrim">#0001</span></div>
</div> </div>
<div id="messageboxouter" class="input-field inline"> <div id="messageboxouter" class="input-field inline">