Skip to content

fix(core): reduce header height#61628

Merged
AndyScherzinger merged 5 commits into
masterfrom
refactor/header-height
Jun 29, 2026
Merged

fix(core): reduce header height#61628
AndyScherzinger merged 5 commits into
masterfrom
refactor/header-height

Conversation

@susnux

@susnux susnux commented Jun 27, 2026

Copy link
Copy Markdown
Contributor

Summary

The header height is reduced to the newer clickable area / button sizes: One interactive element has a height of 34px so the header is reduced to 42px height:

  • 1x grid-baseline (4px)
  • 1x clickable area (34px)
  • 1x grid-baseline (4px)

Checklist

AI (if applicable)

  • The content of this PR was partly or fully generated using AI

@susnux susnux added this to the Nextcloud 35 milestone Jun 27, 2026
@susnux susnux requested review from a team as code owners June 27, 2026 14:32
@susnux susnux requested review from nfebe, skjnldsv and sorbaugh and removed request for a team June 27, 2026 14:32
@susnux susnux added bug design Design, UI, UX, etc. 3. to review Waiting for reviews labels Jun 27, 2026
@susnux susnux requested review from come-nc, kra-mo and provokateurin and removed request for a team June 27, 2026 14:32
Comment thread apps/theming/css/default.css Outdated
@kra-mo

kra-mo commented Jun 29, 2026

Copy link
Copy Markdown
Member

Also, this seems to unalign the app menu, which I guess was manually aligned @pringelmann?

image

susnux added 2 commits June 29, 2026 15:37
The header height is reduced to the newer clickable area / button sizes:
One interactive element has a height of 34px so the header is reduced to
42px height:
- 1x grid-baseline (4px)
- 1x clickable area (34px)
- 1x grid-baseline (4px)

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
@susnux

susnux commented Jun 29, 2026

Copy link
Copy Markdown
Contributor Author

Also, this seems to unalign the app menu, which I guess was manually aligned

Adjusted that in the recent commit :)

@susnux susnux force-pushed the refactor/header-height branch from 73d8b46 to b1f5e0a Compare June 29, 2026 14:18
Comment thread core/css/variables.scss Outdated
susnux and others added 3 commits June 29, 2026 16:19
42px looks ever so slightly too small and the search bar can get caught up in browser hinting shenanigans
which will make the padding look uneven. 44 is a bit nicer.

Co-authored-by: Laura Kramolis <git@kramo.page>
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
@susnux susnux force-pushed the refactor/header-height branch from 33e170e to 96ca0a2 Compare June 29, 2026 14:20
@come-nc come-nc removed their request for review June 29, 2026 15:33
@AndyScherzinger AndyScherzinger merged commit 7f08d07 into master Jun 29, 2026
313 of 351 checks passed
@AndyScherzinger AndyScherzinger deleted the refactor/header-height branch June 29, 2026 16:01
@pringelmann

Copy link
Copy Markdown
Contributor

Will take a look at the alignment issue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

3. to review Waiting for reviews bug design Design, UI, UX, etc.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

App navigation: center search and shrink top bar to 40px

5 participants