Skip to content
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

Recent Feed Overhaul - Handful of CSS tweaks #97264

Merged
merged 4 commits into from
Dec 10, 2024
Merged

Conversation

davemart-in
Copy link
Contributor

@davemart-in davemart-in commented Dec 10, 2024

Description

I did one final review this morning and cleaned up 3 minor CSS issues. Head to /read?flags=reader/recent-feed-overhaul, then review:

1) Ghost SVG

When you pull up the full-page post and scroll to the bottom, if you're following the blog, you'll see an empty spot where the plus symbol should be:

Before
svg-before

After
svg-after

2) Two column alignment

When you pull up the two column view, the second column is currently breaking out of the default layout width:

Before
alignment-before

After
alignment-after

3) On mobile, the layout icons should be right aligned

Before
icons-before

After
icons-after

@davemart-in davemart-in self-assigned this Dec 10, 2024
@davemart-in davemart-in requested a review from a team as a code owner December 10, 2024 10:29
@matticbot matticbot added the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Dec 10, 2024
@matticbot
Copy link
Contributor

matticbot commented Dec 10, 2024

This PR modifies the release build for the following Calypso Apps:

For info about this notification, see here: PCYsg-OT6-p2

  • notifications
  • wpcom-block-editor

To test WordPress.com changes, run install-plugin.sh $pluginSlug fix/recent-feed-css on your sandbox.

@matticbot
Copy link
Contributor

This PR does not affect the size of JS and CSS bundles shipped to the user's browser.

Generated by performance advisor bot at iscalypsofastyet.com.

Copy link
Contributor

@eoigal eoigal left a comment

Choose a reason for hiding this comment

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

I'm seeing this in the 2 column (without the onboarding) - just checking if that's correct? I think the layout selection should be right aligned.
Screenshot 2024-12-10 at 11 07 45

@artemiomorales
Copy link

I'm seeing this in the 2 column (without the onboarding) - just checking if that's correct? I think the layout selection should be right aligned.

I'm unable to replicate this. Looks good to me!

@artemiomorales
Copy link

artemiomorales commented Dec 10, 2024

Sorry, just realized the icons align to the left in Firefox at mobile sizes:

Screenshot 2024-12-10 at 12 28 55

Copy link
Contributor

@eoigal eoigal left a comment

Choose a reason for hiding this comment

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

WFM

@davemart-in davemart-in merged commit 55ba554 into trunk Dec 10, 2024
10 checks passed
@davemart-in davemart-in deleted the fix/recent-feed-css branch December 10, 2024 12:49
@github-actions github-actions bot removed the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Dec 10, 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.

4 participants