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

Refine padding/margin, override block gap #28

Merged
merged 4 commits into from
Sep 29, 2021
Merged

Conversation

iandunn
Copy link
Member

@iandunn iandunn commented Sep 7, 2021

See #6
Interconnected with WordPress/wporg-mu-plugins#5

@iandunn iandunn added the [Type] Enhancement New feature or request label Sep 7, 2021
@iandunn iandunn added this to the Initial Launch milestone Sep 7, 2021
@iandunn iandunn self-assigned this Sep 7, 2021
@iandunn iandunn changed the title wip refine header/footer styles Sep 9, 2021
@iandunn iandunn force-pushed the head-foot-styles branch 2 times, most recently from 0ee2a9a to c2f4c2c Compare September 22, 2021 00:28
@iandunn iandunn changed the title refine header/footer styles Refine padding/margin, override block gap Sep 22, 2021
@iandunn iandunn marked this pull request as ready for review September 22, 2021 00:34
@iandunn iandunn force-pushed the head-foot-styles branch 4 times, most recently from dce3a2e to 3a3b057 Compare September 22, 2021 22:40
Comment on lines -5 to +6
<!-- wp:group {"tagName":"nav","align":"wide","className":"post-navigation"} -->
<nav class="wp-block-group alignwide post-navigation">
<!-- wp:group {"tagName":"nav","align":"full","className":"post-navigation"} -->
<nav class="wp-block-group alignfull post-navigation">
Copy link
Contributor

Choose a reason for hiding this comment

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

Why change this to full? Won't this make it so the previous/next links are out on the edges of the viewport instead of staying within the content column?

Copy link
Member Author

Choose a reason for hiding this comment

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

🤔 , good point. IIRC I did it so that the content would line up w/ the footer content, but i'll take a closer look.

Copy link
Member Author

Choose a reason for hiding this comment

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

yeah, i think this works fine. we could also change it to work w/ alignwide, but i think this makes more sense semantically, since post navigation isn't part of the content of a post

(at least it's not in the DOM; philosophically i can see it either way, but would personally learn towards it being outside)

Copy link
Member Author

Choose a reason for hiding this comment

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

I went ahead and merged to keep the # active branches low, but I'm happy to continue discussing if you have any other thoughts

Copy link
Contributor

Choose a reason for hiding this comment

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

Just checked this on a super wide screen, and it looks like it does make the previous/next links sit too far out. My read on the design mockup is that the "previous" link should line up with the post date and author on the left side, and the "next" link should be justified right and line up with the edge of the post title and content column on the right side.

Copy link
Member Author

Choose a reason for hiding this comment

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

Ah, I see what you're saying.

I wonder if it should be aligned with the post content and the header/footer, and that the real problem here is that there isn't a "max width" of sorts on the header/footer. I'm guessing we don't want those to grow endlessly.

@beafialho can you add a Figma example of what a whole page should look like when the browser is 2000px wide?

Copy link
Collaborator

@beafialho beafialho Sep 30, 2021

Choose a reason for hiding this comment

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

Sure, here's what it would look like in a 2000px browser. The behaviour should be: post navigation aligns with the edges of the grid. The header is not included in this grid, but the footer is. Does it make sense?

Captura de ecrã 2021-09-30, às 16 37 24

Captura de ecrã 2021-09-30, às 16 37 03

Prototype
Mockup

Copy link
Member Author

Choose a reason for hiding this comment

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

thanks!

moved discussion to #37 since this pr is already merged

@iandunn
Copy link
Member Author

iandunn commented Sep 29, 2021

merged trunk after #31, looks clean

@iandunn iandunn merged commit d4238b7 into trunk Sep 29, 2021
@iandunn iandunn deleted the head-foot-styles branch September 29, 2021 14:20
@iandunn iandunn mentioned this pull request Sep 30, 2021
8 tasks
@iandunn iandunn removed this from the Initial Launch: Functionality milestone Nov 5, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Type] Enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants