Skip to content

fix(web): change element wrapping core/EmptyState children#1462

Merged
dgdavid merged 3 commits intomasterfrom
fix-login
Jul 12, 2024
Merged

fix(web): change element wrapping core/EmptyState children#1462
dgdavid merged 3 commits intomasterfrom
fix-login

Conversation

@dgdavid
Copy link
Copy Markdown
Contributor

@dgdavid dgdavid commented Jul 12, 2024

Problem

The elements in the login page are rendered wrongly since #1441. That's because the Flex component used for wrapping the core/EmptyState children. It is missing the "direction" prop for telling it to layout children vertically instead of horizontally. Moreover, it looks like a Stack element is a better choice for this case.

Solution

Adapt core/EmptyState for using an <Stack hasGutter> instead of a <Flex> configured to behave almost the same.

Testing

  • Tested manually

Screenshots

Before After
Screenshot from 2024-07-12 13-29-04 Screenshot from 2024-07-12 13-27-23

dgdavid added 3 commits July 12, 2024 13:03
They are in a flex container that was laying out them horizontally
instead of vertically. The issue was quite notable in the login screen.
Using PF/Stack instead of a PF/Flex configured to (almost) the same than
the former.
@dgdavid dgdavid merged commit 0d3874b into master Jul 12, 2024
@dgdavid dgdavid deleted the fix-login branch July 12, 2024 12:31
@imobachgs imobachgs mentioned this pull request Sep 20, 2024
imobachgs added a commit that referenced this pull request Sep 20, 2024
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