soroushdes/hamkadr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Dashboard] Panel sub-nav menu + clearer profile button (name, not phone digit)
CI/CD / CI · dotnet build (push) Successful in 2m11s
Details
CI/CD / Deploy · hamkadr (push) Failing after 2m37s
Details

Browse Source 
Logged-in panels (admin/employer/job-seeker) now show a sticky role-based dashboard menu (_PanelNav) on Employer/Index, Me/Index and Admin/Overview, with the active section highlighted — so users have an obvious menu and dashboard, not just a hidden avatar. Profile button: avatar fallback shows a 👤 glyph instead of the phone's first digit (the confusing '0'), and the desktop button now shows the user's name (or «حساب من») so it reads as a profile menu.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
soroush.asadi
2026-06-07 22:12:51 +03:30
parent 69e4f305e9
commit 33c13ec524
6 changed files with 62 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/JobsMedical.Web/wwwroot/css/site.css
+11
View File
@@ -100,6 +100,17 @@ a { color: inherit; text-decoration: none; }
.avatar-img, .avatar-fallback { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; display: block; }
.avatar-fallback { background: var(--primary); color: #fff; display: grid; place-items: center; font-weight: 800; }
.avatar-caret { color: var(--muted); font-size: 11px; }
.avatar-name { font-weight: 700; font-size: 14px; color: var(--ink); max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* ---------- Dashboard panel sub-nav ---------- */
.panel-nav { background: var(--surface); border-bottom: 1px solid var(--line); position: sticky; top: 64px; z-index: 30; }
.panel-nav-inner { display: flex; gap: 4px; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 6px 0; }
.panel-nav a {
white-space: nowrap; padding: 9px 14px; border-radius: 10px; font-weight: 600; font-size: 14px;
color: var(--muted); transition: background .15s, color .15s;
}
.panel-nav a:hover { background: var(--primary-soft); color: var(--primary-dark); }
.panel-nav a.active { background: var(--primary); color: #fff; }
.profile-dropdown {
position: absolute; top: calc(100% + 8px); inset-inline-end: 0; min-width: 230px; z-index: 60;
background: var(--surface); border: 1px solid var(--line); border-radius: 14px;