Skip to content

web: stop using custom styles for PatternFly Alert#3305

Merged
dgdavid merged 3 commits intomasterfrom
drop-custom-alerts-css
Mar 20, 2026
Merged

web: stop using custom styles for PatternFly Alert#3305
dgdavid merged 3 commits intomasterfrom
drop-custom-alerts-css

Conversation

@dgdavid
Copy link
Copy Markdown
Contributor

@dgdavid dgdavid commented Mar 19, 2026

Custom CSS overrides for PF/Alert were added some time ago during the update to PatternFly 6, because the default styles at the time didn’t integrate well with the Agama interface at that point. During the last UI reorganization, it was proposed to revert to PatternFly defaults (check #3050 (review)), as they now fit well and help reduce maintenance overhead. Moreover, the default styles provide better text readability.

Some examples,

Before After
localhost_8080_ (7) localhost_8080_ (11)
localhost_8080_ (8) localhost_8080_ (12)
localhost_8080_ (9) localhost_8080_ (10)
localhost_8080_ (14) localhost_8080_ (13)

PR (re)born in the context of https://trello.com/c/mHQxVQ1t/ (protected link)

dgdavid added 3 commits March 19, 2026 15:57
Custom CSS overrides for PF/Alert were added during a previous interface update.
During the last UI reorganization, it was proposed to revert to PatternFly
defaults (see PR #3050, review #3680245452), as they fit well and reduce
maintenance overhead.

This commit removes the overrides and simplifies Alert styling.
…ance

The removed custom CSS overrides had previously forced all Alerts to
render without shadow/elevation. Now that the overrides are gone, Alerts
regain their default elevated style.

To keep the previous visual "flat" appearance, this commit adds the
`isInline` prop to Alert instances to flatten them. This does not imply
that these Alerts were originally intended to be inline, the elevation
simply did not work well with the custom styles.  There is currently no
Agama pattern or agreement for deciding when an Alert should be elevated
versus inline, though one could be established in the future if needed.
@dgdavid dgdavid requested a review from ancorgs March 19, 2026 16:36
@dgdavid dgdavid merged commit 3f4eda7 into master Mar 20, 2026
10 checks passed
@dgdavid dgdavid deleted the drop-custom-alerts-css branch March 20, 2026 07:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants