Rating: Added a golden progress bar (appears after 100%), redesigned rating bar

This commit is contained in:
veselcraft 2021-10-08 00:12:19 +03:00
parent ebf8b220f9
commit 2e467001aa
3 changed files with 15 additions and 5 deletions

View file

@ -122,8 +122,8 @@
<div n:if="isset($thisUser) && !$thisUser->prefersNotToSeeRating()" class="profile-hints"> <div n:if="isset($thisUser) && !$thisUser->prefersNotToSeeRating()" class="profile-hints">
{var completeness = $user->getProfileCompletenessReport()} {var completeness = $user->getProfileCompletenessReport()}
<div class="completeness-gauge"> <div class="completeness-gauge {if $completeness->total >= 100}completeness-gauge-gold{/if}">
<div style="width: {$completeness->percent}%"></div> <div style="width: {if ($completeness->total >= 100)}{round(($completeness->total / 10**strlen(strval($completeness->total))) * 100, 0)}{else}{$completeness->percent}{/if}%"></div>
<span>{$completeness->total}%</span> <span>{$completeness->total}%</span>
</div> </div>

View file

@ -1056,8 +1056,9 @@ textarea {
.completeness-gauge { .completeness-gauge {
position: relative; position: relative;
width: 95%; width: 95%;
height: 20px; height: 16px;
background-color: #e6e6e6; background-color: #e6e6e6;
border-top: 1px solid #bbb;
} }
.completeness-gauge > div { .completeness-gauge > div {
@ -1073,6 +1074,15 @@ textarea {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.completeness-gauge-gold {
background-color: #f6ebbb;
border-top: 1px solid #b9b597;
}
.completeness-gauge-gold > div {
background-color: #e1d7a2;
}
.toTop { .toTop {
position: fixed; position: fixed;
padding: 20px; padding: 20px;

@ -1 +1 @@
Subproject commit 0c50ecdd77ac6643c7e5a29dcfff8ad84706ec3f Subproject commit e98c42410b89cd011c44a387b1a401e6634d0ac5