Oliver/paraguay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add rank badge to profile modal and user detail modal (readonly)

Browse Source
This commit is contained in:
Kato
2026-09-04 19:58:46 +00:00
parent 72c1e89f6d
commit 8be1483e1d
2 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+9 -5
View File
@@ -134,12 +134,13 @@
<h3 class="hide-en">Your Profile</h3>
<div class="profile-form">
<div class="form-group">
<div style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
<div id="profile-rank-row" style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
<span id="profile-username-display" class="username-display" style="margin: 0;"></span>
<input type="checkbox" id="profile-publish" />
<label for="profile-publish" class="hide-de" style="display: inline; font-size: .85rem; font-weight: 600;">Veröffentlichen</label>
<label for="profile-publish" class="hide-en" style="display: inline; font-size: .85rem; font-weight: 600;">Publish</label>
<span id="profile-rank-badge" class="rank-badge" style="position: relative; top: auto; right: auto; box-shadow: none;"></span>
</div>
<input type="checkbox" id="profile-publish" style="margin-top: 8px;" />
<label for="profile-publish" class="hide-de" style="display: inline; font-size: .85rem; font-weight: 600;">Veröffentlichen</label>
<label for="profile-publish" class="hide-en" style="display: inline; font-size: .85rem; font-weight: 600;">Publish</label>
</div>
<div id="profile-edit-fields" class="hidden">
<div class="form-group">
@@ -188,7 +189,10 @@
<span class="user-avatar-text" id="user-detail-initial">?</span>
</div>
<div>
<h2 id="user-detail-username">@username</h2>
<div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;">
<h2 id="user-detail-username" style="margin:0;">@username</h2>
<span id="user-detail-rank-badge" class="rank-badge" style="position:relative;top:auto;right:auto;box-shadow:none;font-size:.6rem;"></span>
</div>
<p id="user-detail-company">Company</p>
</div>
</div>