Make the level bars in the profiles look less ugly.

This commit is contained in:
Azareal 2018-10-24 22:54:07 +10:00
parent 876ae4e245
commit 35b1613005
4 changed files with 15 additions and 2 deletions

View File

@ -272,7 +272,6 @@ func preRoute(w http.ResponseWriter, r *http.Request) (User, bool) {
usercpy.LastIP = host usercpy.LastIP = host
return *usercpy, true return *usercpy, true
} }
if host != usercpy.LastIP { if host != usercpy.LastIP {
err = usercpy.UpdateIP(host) err = usercpy.UpdateIP(host)
if err != nil { if err != nil {

View File

@ -14,7 +14,14 @@
</div> </div>
<div class="levelBlock"> <div class="levelBlock">
<div class="rowitem passive"> <div class="rowitem passive">
<a class="profile_menu_item">{{level .ProfileOwner.Level}}: [{{.CurrentScore}} / {{.NextScore}}]</a> <div class="profile_menu_item level_inprogress">
<div class="levelBit">
<a>{{level .ProfileOwner.Level}}</a>
</div>
<div class="progressWrap" style="width: 40%;">
<div>{{.CurrentScore}} / {{.NextScore}}</div>
</div>
</div>
</div> </div>
</div> </div>
<div class="passiveBlock"> <div class="passiveBlock">

View File

@ -869,6 +869,9 @@ input[type=checkbox]:checked + label .sel {
.progressWrap { .progressWrap {
margin-left: auto; margin-left: auto;
} }
.levelBit {
color: #dadada;
}
/* CSS behaves in stupid ways, so we need to be very specific about this */ /* CSS behaves in stupid ways, so we need to be very specific about this */
.rowblock:not(.topic_list):not(.rowhead):not(.opthead) .rowitem.level_inprogress:not(.post_item), .rowblock:not(.topic_list):not(.rowhead):not(.opthead) .rowitem.level_inprogress:not(.post_item),
.coldyn_item .rowitem.level_inprogress { .coldyn_item .rowitem.level_inprogress {
@ -894,6 +897,7 @@ input[type=checkbox]:checked + label .sel {
} }
.level_inprogress .progressWrap div { .level_inprogress .progressWrap div {
margin-left: auto; margin-left: auto;
white-space: nowrap;
} }
@media(max-width: 600px) { @media(max-width: 600px) {

View File

@ -33,6 +33,9 @@
margin-top: 12px; margin-top: 12px;
padding: 12px; padding: 12px;
} }
.levelBlock {
padding: 0px;
}
.colstack_right .colstack_head:not(:first-child) { .colstack_right .colstack_head:not(:first-child) {
margin-top: 0px; margin-top: 0px;