Skip to content

Settings: Joined fields to their buttons, spaced searches and restyled the runner setup - #176

Merged
whereareiam merged 1 commit into
devfrom
fix/settings-search-gap
Nov 1, 2026
Merged

whereareiam merged 1 commit into
devfrom
fix/settings-search-gap

Conversation

@whereareiam

@whereareiam whereareiam commented Nov 1, 2026 •

Copy link
Copy Markdown
Owner

The runner setup page (shown once after creating a runner) and the search over the lists on the settings and administration pages looked broken. This fixes both, and two causes behind them that also showed elsewhere.

  • Search over a list: the field came apart from its search button, because the settings form style gave it rounded corners and a border on the side that belongs to the button; it is now joined, as on the explore pages. And on the runners (personal, organization, repository, site administration) and on the administration's users, organizations, emails, repositories, unadopted repositories and packages, the search row touched the list's box. It now sits 16px above it, as GitHub's filter bar does.
  • Other joined controls: a sweep of every field joined to a button, dropdown or label found six more that came apart the same way, each through a theme rule outranking the join: the administration's package search (its Type dropdown), the pull request merge button and its arrow, the wiki's clone field and its HTTP/SSH switch, the empty repository's clone field (30px between 32px buttons), and the sign-up username prefix (shown when the site sets one). They now read as one control with a single seam, in light and dark.
  • Code blocks: the theme's inline code padding also applied to code inside a pre, which indented the first line of every such block (the runner setup, the package install instructions). Code in a block now takes its padding from the block.
  • Subheads on phones: the buttons beside a section title were placed over a long title; they now wrap under it.
  • Runner setup: follows GitHub's pages for a credential shown once. The warning is a flash, the UUID and token sit in a box with a copy button each, and both snippets are code blocks with a copy button in the corner. The commands are copied without their $ prompts and never wrap, also on the administration pages, where Forgejo wraps code.

Before and after

Before After
Runner setup Runner setup before Runner setup after
Search joined to its button Search joined before Search joined after
Other joined controls (after, light and dark) Joined controls after
Search over a list Search before Search after

Checked in the dev preview in all four runner areas, in light and dark, at 1280px and 375px; the copy buttons copy runnable text.

🤖 Generated with Claude Code

@whereareiam whereareiam added the bug Fixes a bug that shipped in a release label Nov 1, 2026
@whereareiam
whereareiam force-pushed the fix/settings-search-gap branch from 86d2e66 to f6e897a Compare November 1, 2026 11:28
@whereareiam whereareiam changed the title Settings: Spaced searches from their lists and restyled the runner setup Settings: Joined and spaced searches over lists and restyled the runner setup Nov 1, 2026
…the runner setup

The search over a list on the settings and administration pages touched the
list's box and came apart from its button: the settings form style rounded and
bordered the field's right side, which belongs to the button. It now joins its
button and sits 16px above the list, as GitHub's filter bar does.

Other joined groups came apart the same way, each through a theme rule that
outranked the join: the administration's package type dropdown, the pull
request merge button's arrow, the wiki's clone field and its HTTP/SSH switch,
the empty repository's clone field, and the sign-up username prefix.

Code inside a pre block no longer takes inline code's padding, which indented
its first line. Subhead buttons wrap under a long title on phones instead of
covering it.

The runner setup page shown after creating a runner follows GitHub's one-time
credential pages: a warning flash, the UUID and token in a box with a copy
button each, and the snippets in code blocks with a copy button that copies
the commands without their prompts.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@whereareiam
whereareiam force-pushed the fix/settings-search-gap branch from f6e897a to f3db92c Compare November 1, 2026 11:46
@whereareiam whereareiam changed the title Settings: Joined and spaced searches over lists and restyled the runner setup Settings: Joined fields to their buttons, spaced searches and restyled the runner setup Nov 1, 2026
@whereareiam
whereareiam merged commit acb466b into dev Nov 1, 2026
6 of 7 checks passed
@whereareiam
whereareiam deleted the fix/settings-search-gap branch November 1, 2026 11:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Fixes a bug that shipped in a release

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant