diff --git a/src/JobsMedical.Web/Pages/Shared/_Layout.cshtml b/src/JobsMedical.Web/Pages/Shared/_Layout.cshtml index 574f0bc..a22b777 100644 --- a/src/JobsMedical.Web/Pages/Shared/_Layout.cshtml +++ b/src/JobsMedical.Web/Pages/Shared/_Layout.cshtml @@ -115,12 +115,17 @@ استخدام شیفت‌ها آماده به کار - مراکز درمانی - تقویم @if (User.Identity?.IsAuthenticated != true) { ✨ پیشنهادها } + 🔎 جستجو
@@ -228,6 +233,10 @@ document.addEventListener('click', function (e) { var t = document.getElementById('profile-toggle'); if (t && t.checked && !e.target.closest('.profile-menu')) t.checked = false; + // Close the «بیشتر» nav dropdown when clicking outside it. + document.querySelectorAll('details.nav-more[open]').forEach(function (d) { + if (!d.contains(e.target)) d.removeAttribute('open'); + }); }); diff --git a/src/JobsMedical.Web/wwwroot/css/site.css b/src/JobsMedical.Web/wwwroot/css/site.css index bb49267..479e086 100644 --- a/src/JobsMedical.Web/wwwroot/css/site.css +++ b/src/JobsMedical.Web/wwwroot/css/site.css @@ -71,6 +71,15 @@ a { color: inherit; text-decoration: none; } content: ""; position: absolute; inset-inline: 0; bottom: -6px; height: 2px; background: var(--accent); border-radius: 2px; } +/* «بیشتر» nav dropdown (native
) — secondary browse links (facilities, calendar). */ +.nav-more { position: relative; } +.nav-more > summary { list-style: none; cursor: pointer; color: var(--muted); font-weight: 600; font-size: 15px; white-space: nowrap; padding: 4px 0; user-select: none; } +.nav-more > summary::-webkit-details-marker, .nav-more > summary::marker { display: none; content: ""; } +.nav-more > summary:hover, .nav-more[open] > summary, .nav-more > summary.active { color: var(--primary-dark); } +.nav-more-menu { position: absolute; top: 200%; inset-inline-end: 0; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 30px rgba(0,0,0,.12); padding: 6px; min-width: 180px; z-index: 60; display: flex; flex-direction: column; } +.nav-more-menu a { color: var(--text); font-weight: 600; font-size: 14px; padding: 9px 12px; border-radius: 8px; white-space: nowrap; } +.nav-more-menu a:hover, .nav-more-menu a.active { background: var(--primary-soft); color: var(--primary-dark); } + .cta-post { white-space: nowrap; box-shadow: 0 2px 8px rgba(240,132,62,.35); } .header-actions { display: flex; align-items: center; gap: 12px; margin-inline-start: auto; } .nav-action { font-weight: 600; font-size: 15px; color: var(--muted); white-space: nowrap; transition: color .15s; } @@ -607,6 +616,12 @@ mark { background: #fff3bf; color: inherit; padding: 0 2px; border-radius: 3px; .main-nav a.active { background: var(--primary-soft); border-radius: 8px; } .main-nav a:last-child { border-bottom: none; } + /* In the burger panel the «بیشتر» menu expands inline (no floating dropdown). */ + .nav-more { width: 100%; } + .nav-more > summary { padding: 13px 20px; font-size: 15px; border-bottom: 1px solid var(--line); } + .nav-more-menu { position: static; box-shadow: none; border: none; padding: 0; min-width: 0; } + .nav-more-menu a { padding: 13px 34px; border-bottom: 1px solid var(--line); border-radius: 0; } + .header-actions { flex-direction: column; align-items: stretch; gap: 0; margin: 0; padding: 8px 14px 16px; border-top: 1px solid var(--line);