[PR #1279] [MERGED] Override section header icon self alignment to centre #1295

Closed
opened 2026-02-05 18:09:30 +03:00 by OVERLORD · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/pelican-dev/panel/pull/1279
Author: @sebygreen
Created: 4/19/2025
Status: Merged
Merged: 4/23/2025
Merged by: @lancepioch

Base: mainHead: change/admin-dashboard-widget-icon-alignment


📝 Commits (1)

  • b072235 Change section header icon self alignment to centre

📊 Changes

1 file changed (+4 additions, -0 deletions)

View changed files

📝 resources/css/app.css (+4 -0)

📄 Description

greetings,

i'm assuming this cosmetic change is not important right now for you, so i have permitted myself to suggest a modification directly.

i see that so far, most filament section headers in the panel with an icon only have a title, rather than both a title and a description. the default behaviour for section header icons is to align-self: start. with the title only being one line, the icon appears off centre with the rest of the vertically aligned header items when there is an action on the right.

example:
CleanShot 2025-04-19 at 14 47 31@2x

according to the filament docs, i have added an override to app.css for section header icons to be centred vertically. this is a forced rule, but it seems more appropriate with the panels current usage of headers and icons.

after:
CleanShot 2025-04-19 at 14 13 53@2x


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/pelican-dev/panel/pull/1279 **Author:** [@sebygreen](https://github.com/sebygreen) **Created:** 4/19/2025 **Status:** ✅ Merged **Merged:** 4/23/2025 **Merged by:** [@lancepioch](https://github.com/lancepioch) **Base:** `main` ← **Head:** `change/admin-dashboard-widget-icon-alignment` --- ### 📝 Commits (1) - [`b072235`](https://github.com/pelican-dev/panel/commit/b072235586a2eb91f4e552b163ddcb5126d15a8b) Change section header icon self alignment to centre ### 📊 Changes **1 file changed** (+4 additions, -0 deletions) <details> <summary>View changed files</summary> 📝 `resources/css/app.css` (+4 -0) </details> ### 📄 Description greetings, i'm assuming this cosmetic change is not important right now for you, so i have permitted myself to suggest a modification directly. i see that so far, most filament section headers in the panel with an icon only have a title, rather than both a title and a description. the default behaviour for section header icons is to `align-self: start`. with the title only being one line, the icon appears off centre with the rest of the vertically aligned header items when there is an action on the right. example: ![CleanShot 2025-04-19 at 14 47 31@2x](https://github.com/user-attachments/assets/553d0da2-b93b-4b57-8872-a864276958af) according to the filament [docs](https://filamentphp.com/docs/3.x/support/style-customization), i have added an override to `app.css` for section header icons to be centred vertically. this is a forced rule, but it seems more appropriate with the panels current usage of headers and icons. after: ![CleanShot 2025-04-19 at 14 13 53@2x](https://github.com/user-attachments/assets/8feabab6-674a-452f-94a6-edcc40916a33) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
OVERLORD added the pull-request label 2026-02-05 18:09:30 +03:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/panel-pelican-dev#1295