Skip to content

Conversation

@larsbo
Copy link

@larsbo larsbo commented Jan 30, 2026

Description

Top align section header icon.

Visual changes

If a sections contains both a heading and a description the icon was vertically centered instead of staying at the top.

The example image in the documentation also represents the corrected behaviour: https://filamentphp.com/docs/4.x/schemas/sections#adding-an-icon-to-the-sections-header

icons

Functional changes

  • Code style has been fixed by running the composer cs command.
  • Changes have been tested to not break existing functionality.
  • Documentation is up-to-date.

If a sections contains both a heading and a description the icon was vertically centered instead of staying at the top.

The example image in the documentation also represents the corrected behaviour:
https://filamentphp.com/docs/4.x/schemas/sections#adding-an-icon-to-the-sections-header

Signed-off-by: Lars Schröder <lars.schroeder@kielcoding.de>
@github-project-automation github-project-automation bot moved this to Todo in Roadmap Jan 30, 2026
@danharrin danharrin added the bug Something isn't working label Jan 30, 2026
@danharrin danharrin added this to the v4 milestone Jan 30, 2026
Copy link
Member

@danharrin danharrin left a comment

Choose a reason for hiding this comment

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

You'll need a solution that doesn't re-introduce #16935

@github-project-automation github-project-automation bot moved this from Todo to In Progress in Roadmap Jan 30, 2026
@larsbo larsbo requested a review from danharrin January 30, 2026 19:40
@danharrin
Copy link
Member

@larsbo I did review it, please see my comment above

@larsbo
Copy link
Author

larsbo commented Jan 30, 2026

@danharrin In my opinion the center alignment introduced with #16935 is less helpful than the top alignment. The only case that benefits from it is the one from the screenshot: 2 text rows + action button.
All other possibilites like

  • single line
  • multiple lines
  • single line + icon
  • multiple lines + icon
  • single line + action
  • multiple lines + action
  • ...
    are working fine with a top alignment, while the centered one fails easily with longer content:
Bildschirmfoto 2026-01-30 um 21 19 35

And the top alignment variant seems to be more consistent compared with other components like modals and notifications with a top aligned close icon.

What do you think?

@danharrin
Copy link
Member

I agree that the icon should be top aligned, but I am not going to merge a PR that just introduces a separate issue. I think that the actions should be center aligned.

Signed-off-by: Lars Schröder <lars.schroeder@kielcoding.de>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working pending changes

Projects

Status: In Progress

Development

Successfully merging this pull request may close these issues.

2 participants