Skip to content

feat(core): Add centered search input to top bar#60665

Open
nfebe wants to merge 1 commit into
masterfrom
feat/59888-nav-redesign-header-search-launcher
Open

feat(core): Add centered search input to top bar#60665
nfebe wants to merge 1 commit into
masterfrom
feat/59888-nav-redesign-header-search-launcher

Conversation

@nfebe
Copy link
Copy Markdown
Contributor

@nfebe nfebe commented May 22, 2026

A centered, input-styled trigger replaces the top-right search icon as the entry point to Unified Search. First phase of a phased rollout that will later turn the trigger into a real inline-filtering input.

Partial implementation of : #59949

Screenshots

Light Dark
Screenshot From 2026-05-22 16-56-22 Screenshot From 2026-05-22 17-24-56

A centered, input-styled trigger replaces the top-right search icon as
the entry point to Unified Search. First phase of a phased rollout
that will later turn the trigger into a real inline-filtering input.

Refs: #59888
@nfebe nfebe requested review from jancborchardt and kra-mo May 22, 2026 16:57
@nfebe nfebe requested a review from a team as a code owner May 22, 2026 16:57
@nfebe nfebe requested review from skjnldsv, sorbaugh and susnux and removed request for a team May 22, 2026 16:57
Copy link
Copy Markdown
Contributor Author

@nfebe nfebe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The trigger is a button for now for design and accessibility but the component name is input because that is what it will be eventually.

@sorbaugh
Copy link
Copy Markdown
Contributor

Thanks @nfebe , @susnux @skjnldsv for context, this change was requested to address feedback regarding the new nav redesign (during testing), in particular the top navbar being completely empty.

Originally we agreed to implement only the waffle menu, which is only a subset of the new redesign. Because the redesign is so visible and impactful, we're adding this change to make it look nicer.

Copy link
Copy Markdown
Member

@jancborchardt jancborchardt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks very nice @nfebe! :)

Only 2 things:

  • There is some overlap at a certain point:
    Image
  • When only the icon is shown as on mobile, it will look better if it’s right-aligned instead of centered (so leftmost icon of the right-aligned header elements):
    Image

@jancborchardt jancborchardt moved this to 🏗️ At engineering in 🖍 Design team May 22, 2026
@jancborchardt jancborchardt added this to the Nextcloud 34 milestone May 22, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: 🏗️ At engineering

Development

Successfully merging this pull request may close these issues.

3 participants