Skip to content

storage: Fix section spacing #22011

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jul 4, 2025

Conversation

Venefilyn
Copy link
Member

@Venefilyn Venefilyn commented May 16, 2025

We had a bit too much spacing between cards that caused issues with
storage mobile-view. Reverting this to how we had it before.

This also removes the border between cards for the storage page
and instead only keeps them for the table-style of cards we have between
storage types.

Future improvements would be to

  • Remove usage of Card for Storage page sections or embrace it fully
  • Remove usage of Card for mobile-view rows and instead use Table or
    Data list component

Fixes: https://bugzilla.redhat.com/show_bug.cgi?id=2366666
Signed-off-by: Freya Gustavsson [email protected]

@Venefilyn Venefilyn requested review from garrett and jelly May 19, 2025 13:03
@jelly
Copy link
Member

jelly commented May 20, 2025

This would remove the border on mobile as can be seen here is that expected?

@Venefilyn Venefilyn force-pushed the storage/remove-extra-spacing branch from a9f6661 to e906b47 Compare May 20, 2025 12:11
@Venefilyn
Copy link
Member Author

This would remove the border on mobile as can be seen here is that expected?

Yeah maybe not the best. I added the border back in for table cards so will look like before but without the extra spacing at least

KKoukiou
KKoukiou previously approved these changes May 22, 2025
Copy link
Contributor

@KKoukiou KKoukiou left a comment

Choose a reason for hiding this comment

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

Needs pixel tests updates.

@Venefilyn Venefilyn force-pushed the storage/remove-extra-spacing branch from e906b47 to 505515f Compare May 27, 2025 15:58
@Venefilyn Venefilyn force-pushed the storage/remove-extra-spacing branch from 505515f to cceb7b5 Compare May 27, 2025 16:48
@jelly
Copy link
Member

jelly commented May 28, 2025

The pixel tests now conflict.

@Venefilyn Venefilyn force-pushed the storage/remove-extra-spacing branch 2 times, most recently from 237df40 to 7e0803b Compare May 28, 2025 12:14
@Venefilyn Venefilyn requested a review from jelly May 28, 2025 13:12
@Venefilyn Venefilyn force-pushed the storage/remove-extra-spacing branch from 7e0803b to 3be916b Compare June 27, 2025 11:40
@@ -350,12 +350,9 @@ $phone: 767px;
}

/* FIXME: Temporary rework plain cards to make it look like how PF6 is designed, adding borders between sections */
Copy link
Member

Choose a reason for hiding this comment

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

This is no longer accurate now

Copy link
Member Author

Choose a reason for hiding this comment

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

Changed it now

@Venefilyn Venefilyn force-pushed the storage/remove-extra-spacing branch from 3be916b to 7656510 Compare July 2, 2025 12:46
@Venefilyn Venefilyn force-pushed the storage/remove-extra-spacing branch 3 times, most recently from 7f21340 to 5a197f2 Compare July 4, 2025 13:23
@jelly jelly added the no-test For doc/workflow changes, or experiments which don't need a full CI run, label Jul 4, 2025
@Venefilyn Venefilyn force-pushed the storage/remove-extra-spacing branch from 5a197f2 to 3a4b787 Compare July 4, 2025 14:03
We had a bit too much spacing between cards that caused issues with
storage mobile-view. Reverting this to how we had it before.

This also removes the border between cards for the storage page
and instead only keeps them for the table-style of cards we have between
storage types.

Future improvements would be to
- Remove usage of Card for Storage page sections or embrace it fully
- Remove usage of Card for mobile-view rows and instead use Table or
  Data list component

Fixes: https://bugzilla.redhat.com/show_bug.cgi?id=2366666
Signed-off-by: Freya Gustavsson <[email protected]>
@Venefilyn Venefilyn force-pushed the storage/remove-extra-spacing branch from 3a4b787 to fbf1c8c Compare July 4, 2025 15:01
@jelly jelly merged commit 26cf4af into cockpit-project:main Jul 4, 2025
18 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
no-test For doc/workflow changes, or experiments which don't need a full CI run,
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants