Board: the column titles' hover underline follows the underline setting #843

New issue

Closed

opened 2026-10-10 16:01:18 +00:00 by tiagoagueda · 0 comments

tiagoagueda commented

2026-10-10 16:01:18 +00:00

Owner

On the applications board, a column's title link is underlined on hover. It should follow the setting that governs the navigation links' underline.

What exists today

templates/applications/partials/board.html:148: the column title <a data-board-fold> has a hard-coded hover:underline; card titles too (partials/application_card.html:12).
The setting is Profile.nav_underline — Underline the page you are on (accounts/models.py:428, accounts/forms.py:1026-1074, templates/settings/accessibility.html:46) — written as data-nav-underline="off" on <body> (base.html:57) and read by assets/css/app.css:992-995, which removes the underline of the current page's link only. The navigation links have no hover underline at all (app.css:531-535); forced colours put the underline back (:2336-2339).

What would change

The board's column titles stop underlining on hover when the setting is off.
hover:underline is a Tailwind utility, which beats @layer components whatever the specificity: the new rule goes in @layer utilities or unlayered, unlike the existing one.

Decisions

What the setting means. Its label says the page you are on. Recommended: widen it to Underline links in navigation — the header's current link and the board's column titles — and say so in its help text; not a second setting.
Card titles keep their hover underline (they are content links). Recommended.

Tests that pin today's behaviour: tests/test_navigation.py:561-598, tests/test_contrast.py:98-113, tests/e2e/test_rendering_modes.py:140.

Checked against main at 8c3d03570. From the maintainer's improvements list of 2026-10-07.

On the applications board, a column's title link is underlined on hover. It should follow the setting that governs the navigation links' underline. ## What exists today - `templates/applications/partials/board.html:148`: the column title `<a data-board-fold>` has a hard-coded `hover:underline`; card titles too (`partials/application_card.html:12`). - The setting is `Profile.nav_underline` — *Underline the page you are on* (`accounts/models.py:428`, `accounts/forms.py:1026-1074`, `templates/settings/accessibility.html:46`) — written as `data-nav-underline="off"` on `<body>` (`base.html:57`) and read by `assets/css/app.css:992-995`, which removes the underline of the **current** page's link only. The navigation links have no hover underline at all (`app.css:531-535`); forced colours put the underline back (`:2336-2339`). ## What would change - The board's column titles stop underlining on hover when the setting is off. - `hover:underline` is a Tailwind utility, which beats `@layer components` whatever the specificity: the new rule goes in `@layer utilities` or unlayered, unlike the existing one. ## Decisions - **What the setting means.** Its label says *the page you are on*. Recommended: widen it to *Underline links in navigation* — the header's current link and the board's column titles — and say so in its help text; not a second setting. - **Card titles** keep their hover underline (they are content links). Recommended. Tests that pin today's behaviour: `tests/test_navigation.py:561-598`, `tests/test_contrast.py:98-113`, `tests/e2e/test_rendering_modes.py:140`. Checked against `main` at `8c3d03570`. From the maintainer's improvements list of 2026-10-07.

tiagoagueda added this to the 0.6.0 milestone

2026-10-10 16:01:18 +00:00

tiagoagueda added the

enhancement

interface

accessibility

labels

2026-10-10 16:01:18 +00:00

tiagoagueda modified the milestone from 0.6.0 to 0.5.0

2026-10-25 17:02:39 +00:00

tiagoagueda referenced this issue from a commit

2026-10-27 16:14:17 +00:00