anas/divan
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

Fonts: interface always Naskh, reading font for the literature; radif spacing #107

Merged
anas merged 1 commits from feature/ui-naskh into main 2026-10-09 23:09:41 +00:00
Conversation 0 Commits 1 Files Changed 3 +10 -6
anas commented 2026-10-09 23:09:20 +00:00
Owner
Copy Link

Owner reports: the footer is cramped in Nastaliq; the radif line overlaps the buttons above it. Owner direction: small UI elements always in Naskh, as a rule across the site.

The rule, in one place in global.css:

  • The interface is always Naskh, whichever reading font is chosen: menus, buttons, forms, breadcrumbs, the radif and source lines, the footer, search, library, account, moderation and admin pages. The body now uses --font-ui.
  • The reading font (Naskh or Nastaliq, the reader's choice) is only for the literature: verses and prose (.poem), work, book, poet and e-book titles (h1.lit), contents lists, intros, search and tag excerpts, saved couplets, e-book text, the editor and its preview, and the home page's couplets.
  • The «ایک پاکستانی کی طرف سے» line in the footer stays Nastaliq on purpose, as part of the brand.

Radif line: it had a negative top margin (−6px) that pulled it into the buttons, and Nastaliq's tall letters made it worse. Now it has a small space above it and is in Naskh.

Checked with screenshots in Nastaliq: a poem with and without a radif (phone and desktop), the footer, the home page, a poet page, a book's contents and search results.

🤖 Generated with Claude Code

Owner reports: the footer is cramped in Nastaliq; the radif line overlaps the buttons above it. Owner direction: small UI elements always in Naskh, as a rule across the site. **The rule, in one place in `global.css`:** - The **interface** is always Naskh, whichever reading font is chosen: menus, buttons, forms, breadcrumbs, the radif and source lines, the footer, search, library, account, moderation and admin pages. The body now uses `--font-ui`. - The **reading font** (Naskh or Nastaliq, the reader's choice) is only for the literature: verses and prose (`.poem`), work, book, poet and e-book titles (`h1.lit`), contents lists, intros, search and tag excerpts, saved couplets, e-book text, the editor and its preview, and the home page's couplets. - The «ایک پاکستانی کی طرف سے» line in the footer stays Nastaliq on purpose, as part of the brand. **Radif line:** it had a negative top margin (−6px) that pulled it into the buttons, and Nastaliq's tall letters made it worse. Now it has a small space above it and is in Naskh. Checked with screenshots in Nastaliq: a poem with and without a radif (phone and desktop), the footer, the home page, a poet page, a book's contents and search results. 🤖 Generated with [Claude Code](https://claude.com/claude-code)
anas added 1 commit 2026-10-09 23:09:21 +00:00 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
anas merged commit e16b4b412e into main 2026-10-09 23:09:41 +00:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels   
area/api

   
area/data

   
area/infra

   
area/site

   
decision

   
deferred

   
i18n/urdu

   
search

   
v2
No Label
area/api
area/data
area/infra
area/site
decision
deferred
i18n/urdu
search
v2
Milestone
Clear milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: anas/divan#107
No description provided.
Delete Branch "feature/ui-naskh"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?