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

Font sizes fixed and styling improvements #746

Merged
merged 8 commits into from
Jul 3, 2022

Conversation

eeshaanSA
Copy link
Contributor

@eeshaanSA eeshaanSA commented Jun 24, 2022

Signed-off-by: Eeshaan Sawant eeshaans1@gmail.com

Description
Fixed Font sizes at various places and did some styling improvements.
This PR fixes #740

Notes for Reviewers
Always open for suggestions and improvements. Please point me out if anything should be added/corrected.

Signed commits

  • Yes, I signed my commits.

Signed-off-by: Eeshaan Sawant <eeshaans1@gmail.com>
@welcome
Copy link

welcome bot commented Jun 24, 2022

Yay, your first pull request! 👍 A contributor will be by to give feedback soon. In the meantime, please review the Meshery Contributors' Welcome Guide and sure to join the community Slack.
Be sure to double-check that you have signed your commits. Here are instructions for making signing an implicit activity while peforming a commit.

@netlify
Copy link

netlify bot commented Jun 24, 2022

Deploy Preview for mesheryio-preview ready!

Name Link
🔨 Latest commit 6b59830
🔍 Latest deploy log https://app.netlify.com/sites/mesheryio-preview/deploys/62c1b48544deab00082ac6e9
😎 Deploy Preview https://deploy-preview-746--mesheryio-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

Copy link
Member

@debo19 debo19 left a comment

Choose a reason for hiding this comment

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

The font size is small throughout the page, not just the getting started section.
Screenshot 2022-06-25 at 1 18 28 AM
Screenshot 2022-06-25 at 1 16 47 AM
We'll need a global fix for this.

@eeshaanSA
Copy link
Contributor Author

Sure @debo19, than can be done. I thought the font part is fine for the rest of the part,(because it was even, one shape and size), except the Getting started, where the font was noticeably smaller. But if you want me to push a Global fix, sure it can be done.
Will just increase the font size for all the texts that appear to be under the heading. Fine?

@eeshaanSA
Copy link
Contributor Author

eeshaanSA commented Jun 25, 2022

image

The image below is in a bigger font, same size which has been the largest for <p> tags so far. Do You want me to increase it more?
More information required @debo19 @leecalcote

Signed-off-by: Eeshaan Sawant <eeshaans1@gmail.com>
@eeshaanSA
Copy link
Contributor Author

@debo19 /other maintainers please review the recent commit and let me know if there is anything else that is to be changed. 😊

@warunicorn19 warunicorn19 requested a review from debo19 June 27, 2022 09:43
Copy link
Member

@warunicorn19 warunicorn19 left a comment

Choose a reason for hiding this comment

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

@debo19 don't you think the font size is a little too big now? 😅 or it might just be that I'm used to seeing the old size

@eeshaanSA
Copy link
Contributor Author

eeshaanSA commented Jun 27, 2022

@warunicorn19 even I think so, I can make it a little smaller, but then there wouldnt be a huge difference between the previous and the current version. 😅
Lets see what @debo19 has to say.

_sass/catalog.scss Outdated Show resolved Hide resolved
Co-authored-by: Debopriya Bhattacharjee <85789734+debo19@users.noreply.github.com>

Signed-off-by: warunicorn19 <speak2adi@gmail.com>
Signed-off-by: Eeshaan Sawant <eeshaans1@gmail.com>
Copy link
Member

@debo19 debo19 left a comment

Choose a reason for hiding this comment

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

@eeshaanSA On the catalog pages, the heading looks smaller than the subtexts now. Maybe switch the <h4> with <h3>? Everything else looks good.

Screenshot 2022-06-28 at 3 40 07 AM

@eeshaanSA
Copy link
Contributor Author

eeshaanSA commented Jun 28, 2022

can be done, @debo19, but if we change the heading to an h3, the main title, i.e (circuit breaker) will have to be an h2. Is there a workaround?
Or should I just change the heading to an h3 and the main title to an h2?
Can we not decrease the font size of these paragraphs in the Catalog section?

@eeshaanSA
Copy link
Contributor Author

image

It will look something on these lines if we do the changes I mentioned above. Need your opinions. @debo19 @warunicorn19 @leecalcote

@debo19
Copy link
Member

debo19 commented Jun 29, 2022

Looks good @eeshaanSA

@eeshaanSA
Copy link
Contributor Author

image

Thanks for the confirmation. I recently noticed this issue is also seen on the respective pages of the patterns, where the heading looks kind of smaller than the paragraph. I will correct them as well, though I leave it up to you for the final call. @debo19 @warunicorn19

Signed-off-by: Eeshaan Sawant <eeshaans1@gmail.com>
@debo
Copy link

debo commented Jul 1, 2022

@eeshaanSA please please please stop tagging me.

@eeshaanSA
Copy link
Contributor Author

@debo19 please have a look.

Signed-off-by: Eeshaan Sawant <eeshaans1@gmail.com>
debo19
debo19 previously approved these changes Jul 3, 2022
Copy link
Member

@debo19 debo19 left a comment

Choose a reason for hiding this comment

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

LGTM 🎉 Thank you @eeshaanSA

@debo19
Copy link
Member

debo19 commented Jul 3, 2022

@eeshaanSA will you address the merge conflict here, then this will be good to go

Signed-off-by: Debopriya Bhattacharjee <85789734+debo19@users.noreply.github.com>
@debo19 debo19 merged commit 24e2984 into meshery:master Jul 3, 2022
@welcome
Copy link

welcome bot commented Jul 3, 2022

Thanks for your contribution to the Layer5 and Meshery community! 🎉

Congrats!
        ⭐ Please leave a star on the project. 😄

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.

Font size too small
5 participants