Skip to content
This repository has been archived by the owner on Oct 16, 2024. It is now read-only.

Update theme to 0.2.x #249

Merged
merged 11 commits into from
Jan 11, 2023
Merged

Update theme to 0.2.x #249

merged 11 commits into from
Jan 11, 2023

Conversation

yathomasi
Copy link
Contributor

@yathomasi yathomasi self-assigned this Dec 5, 2022
@yathomasi yathomasi requested a review from a team as a code owner December 5, 2022 11:55
@yathomasi yathomasi marked this pull request as draft December 5, 2022 11:57
@rogermparent rogermparent self-requested a review December 10, 2022 04:12
@yathomasi yathomasi temporarily deployed to mlem-ai-update-latest-t-0uyhlq January 3, 2023 11:02 Inactive
@yathomasi yathomasi temporarily deployed to mlem-ai-update-latest-t-0uyhlq January 3, 2023 11:49 Inactive
@yathomasi yathomasi temporarily deployed to mlem-ai-update-latest-t-0uyhlq January 3, 2023 13:51 Inactive
@github-actions
Copy link

github-actions bot commented Jan 3, 2023

Link Check Report

There were no links to check!

@yathomasi yathomasi marked this pull request as ready for review January 3, 2023 13:57
Copy link
Contributor

@rogermparent rogermparent left a comment

Choose a reason for hiding this comment

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

Nice work! I noticed some things while going through each page type that'll need to be changed, but this is most of the way there. Any subjective quibbles I have with implementation I didn't bother to list and can be handled later.

Homepage:

  • Mobile and tablet look identical! 🎉

  • Large padding added to logos on desktop screen
    image vs
    image

Docs:

  • Extra padding in docs sidebars
    image

  • Sticky sidebars broken when scrolled
    image

  • Command anchors could use scroll-padding
    image

@yathomasi yathomasi temporarily deployed to mlem-ai-update-latest-t-0uyhlq January 4, 2023 17:31 Inactive
@yathomasi yathomasi temporarily deployed to mlem-ai-update-latest-t-0uyhlq January 5, 2023 09:19 Inactive
Copy link
Contributor Author

@yathomasi yathomasi left a comment

Choose a reason for hiding this comment

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

Thanks, @rogermparent for the review and help with this PR. I have covered all from the review list. PTAL

#!/usr/bin/env sh
. "$(dirname -- "$0")/_/husky.sh"

yarn lint-staged
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Just noticed the husky pre-commit was not working. It was simple change to add to this PR

Comment on lines +108 to +110
[class^='styles-module--innerSidebar'] {
@apply pt-20;
}
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This one could be the kinda hacky way but I didn't want to shadow the entire CSS file for a single change.

Copy link
Contributor

@rogermparent rogermparent left a comment

Choose a reason for hiding this comment

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

Great work! The last review's issues were all taken care of. I don't know if I missed this or it's an effect of padding removal: the top margin is a but uncomfortably close to the top on the homepage on tablet/desktop.

image

@rogermparent
Copy link
Contributor

image
We get a weird half-mobile half-desktop state on the sidebar at ~500px

@yathomasi
Copy link
Contributor Author

Great work! The last review's issues were all taken care of. I don't know if I missed this or it's an effect of padding removal: the top margin is a but uncomfortably close to the top on the homepage on tablet/desktop.

Thanks for pointing these out. The top bar was updated to use the same approach used by the theme. The default height in the theme is smaller. I did add the margin but for sure we can fine-tune it more.

We get a weird half-mobile half-desktop state on the sidebar at ~500px

Looks like I overlooked the middle screen sizes. I will make sure of them. Thanks.

@rogermparent
Copy link
Contributor

rogermparent commented Jan 5, 2023

Thanks for pointing these out. The top bar was updated to use the same approach used by the theme. The default height in the theme is smaller. I did add the margin but for sure we can fine-tune it more.

Ah yeah, the new version of the theme has the children of the layout provide their own padding, particularly to get the docs sidebars working because they specifically don't want any top margin.

On the same topic, looks like 404 needs some top margin.
image

@yathomasi yathomasi temporarily deployed to mlem-ai-update-latest-t-0uyhlq January 10, 2023 13:31 Inactive
Copy link
Contributor

@rogermparent rogermparent left a comment

Choose a reason for hiding this comment

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

Looks like all my issues from last review are solved, and I don't see any more on another look around!

@yathomasi
Copy link
Contributor Author

Looks like all my issues from last review are solved, and I don't see any more on another look around!

Great! Thanks again for the help and review throughout this PR.

@yathomasi yathomasi merged commit 68b4b3c into main Jan 11, 2023
@yathomasi yathomasi deleted the update-latest-theme branch January 11, 2023 04:56
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants