Skip to content

6.4 About page: responsive, mobile and RTL fixes. - #5572

Closed
nudgeD wants to merge 4 commits into
WordPress:trunkfrom
nudgeD:trunk
Closed

nudgeD wants to merge 4 commits into
WordPress:trunkfrom
nudgeD:trunk

Conversation

@nudgeD

@nudgeD nudgeD commented Oct 25, 2023

Copy link
Copy Markdown

Updated colour variables. Updated header graphics for responsive styles for about, contribute, credits, freedom and privacy pages. Fixes issues mentioned in Trac #59289 and #59664

nudgeD and others added 2 commits October 25, 2023 10:03
…ponsive styles for about, contribute, credits, freedom and privacy pages. Fixes issues mentioned in #59289 and #59664

@aaronjorbin aaronjorbin left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Thank you @nudgeD! In general, this is looking great. A couple of things:

  1. it's generally best to make a branch for a PR rather than use your trunk branch. It's not a problem per say, but doing this can make it a bit harder to work on multiple things including testing other patches. Likely not a problem here, but something for future contributions.
  2. Minor: I needed to update some of the path to the images for them to load correctly.
  3. As I noted on the ticket, the background asterisk doesn't flip for RTL. I think it looks good, but I want to confirm this is a conscious decision. If you want it to be a true RTL with the asterisk on the right, can you add a flipped SVG and I can write the piece to override it on rtl.
Screenshot 2023-10-25 at 10 38 25 PM

Comment thread src/wp-admin/css/about.css Outdated
.about__header-title h1 {
/* Fluid font size scales on browser size 600px - 960px. */
font-size: clamp(3rem, 13.33vw - 2rem, 6rem);
/*font-size: clamp(3rem, 13.33vw - 2rem, 6rem);*/

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

If this is going to not be used, let's remove the block rather than comment out the property. Or was this accidental testing code you pushed?

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

It's been removed. Thanks for catching that.

@nudgeD

nudgeD commented Oct 27, 2023

Copy link
Copy Markdown
Author

Thanks for this, @aaronjorbin

  1. Noted! I'll be sure to use a branch for future contributions.
  2. Thanks for fixing. It was working for me locally for some reason, so that totally slipped by me.
  3. Ideally, it would be a flipped image, but I am fine with how it looks, so let's keep it like this.

@aaronjorbin

Copy link
Copy Markdown
Member

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