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

View File

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

View File

@ -73,7 +73,7 @@
<footer id="footer" class="footer">
<div id="footercontainer" class="footercontainer">
<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>
<div id="messageboxouter" class="input-field inline">