blindxfish/devplacepy
1
0
Fork 0
forked from retoor/devplacepy
Code Pull Requests Activity

feat: restructure topnav with right-aligned icon-only tools and leaderboard

Browse Source 
Move Leaderboard link into a right-aligned icon-only button group alongside Tools dropdown, converting both from text+caret to compact icon buttons. Adjust dropdown menu alignment from left to right and remove redundant caret styling.
This commit is contained in:
retoor
2026-06-22 17:53:20 +00:00
parent 412dbe3a3d
commit a9d0814c47
2 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
devplacepy/templates/base.html
+6 -4
View File
@@ -71,17 +71,19 @@
<a href="/news" class="topnav-link {{ nav_active(request, '/news') }}"><span class="icon">πŸ“°</span> News</a>
<a href="/gists" class="topnav-link {{ nav_active(request, '/gists') }}"><span class="icon">πŸ“„</span> Gists</a>
<a href="/projects" class="topnav-link {{ nav_active(request, '/projects') }}"><span class="icon">πŸš€</span> Projects</a>
<a href="/leaderboard" class="topnav-link {{ nav_active(request, '/leaderboard') }}"><span class="icon">πŸ†</span> Leaderboard</a>
{% if user %}<a href="/game" class="topnav-link {{ nav_active(request, '/game') }}"><span class="icon">🌱</span> Farm</a>{% endif %}
</div>
<div class="topnav-right">
<a href="/leaderboard" class="topnav-icon {{ nav_active(request, '/leaderboard') }}" title="Leaderboard" aria-label="Leaderboard">
<span class="nav-bell" aria-hidden="true">πŸ†</span>
</a>
<div class="topnav-tools-dropdown {{ nav_active(request, '/tools') }}">
<button type="button" class="topnav-link topnav-tools-toggle" aria-expanded="false" aria-controls="tools-menu"><span class="icon">🧰</span> Tools <span class="topnav-caret">β–Ύ</span></button>
<button type="button" class="topnav-icon topnav-tools-toggle" aria-expanded="false" aria-controls="tools-menu" title="Tools" aria-label="Tools"><span class="nav-bell" aria-hidden="true">🧰</span></button>
<div class="dropdown-menu" id="tools-menu">
<a href="/tools/seo" class="dropdown-item"><span class="icon">πŸ”</span> SEO Diagnostics</a>
<a href="/tools/deepsearch" class="dropdown-item"><span class="icon">🧠</span> DeepSearch</a>
</div>
</div>
</div>
<div class="topnav-right">
{% if user %}
{% set msg_unread = get_unread_messages(user["uid"]) %}
<a href="/messages" class="topnav-icon {{ nav_active(request, '/messages') }}" data-counter="messages" data-counter-noun="messages" title="Messages" aria-label="{% if msg_unread %}{{ msg_unread }} unread messages{% else %}Messages, no unread{% endif %}">