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

[UI] Make buttons inherit Vazirmatn font
CI/CD / CI · dotnet build (push) Successful in 1m1s
Details
CI/CD / Deploy · hamkadr (push) Successful in 1m14s
Details

Browse Source 
Browsers do not inherit font-family on button/input/select/textarea, so all buttons (the contact-reveal box is mostly buttons) rendered in the UA default font instead of Vazirmatn, clashing with the rest of the page. Add a font-family: inherit reset for form controls and on .btn. Verified the CTA and action buttons now compute to Vazirmatn.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
soroush.asadi
2026-06-04 16:07:05 +03:30
parent 8fad9c1bb6
commit 962196d5cb
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/JobsMedical.Web/wwwroot/css/site.css
+4
View File
@@ -106,8 +106,12 @@ a { color: inherit; text-decoration: none; }
.toast-body span { font-size: 13px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* ---------- Buttons ---------- */
/* Browsers do NOT inherit font-family on <button>/<input> — without this they render
Persian text in the UA default font (Tahoma/Arial), which clashes with Vazirmatn. */
button, input, select, textarea, optgroup { font-family: inherit; }
.btn {
display: inline-flex; align-items: center; gap: 6px;
font-family: inherit;
padding: 9px 18px; border-radius: 10px; font-weight: 700; font-size: 14px;
border: 1px solid transparent; cursor: pointer; transition: all .15s;
}