Skip to content

Conversation

@Sanjay-Sahu-Bandla
Copy link

Issue:

The Support modal exhibited horizontal scrolling on mobile devices due to a fixed width.

Solution:

Resolved by adjusting the modal's width property from a fixed value to max-width, enabling responsiveness based on content. This ensures optimal viewing on various screen sizes, enhancing user experience. Furthermore, the font size of the 'Contribute and learn more!' button is adjusted for optimal readability on mobile devices.

Changes:

Before
p5-js-Web-Editor-Before (1)

After

p5-js-Web-Editor-After

I have verified that this pull request:

  • has no linting errors (npm run lint)
  • has no test errors (npm run test)
  • is from a uniquely-named feature branch and is up to date with the develop branch.

@sdivyanshu90
Copy link
Contributor

Hi @Sanjay-Sahu-Bandla, Greetings. Please refer to this comment: #2760 (comment).

@lindapaiste lindapaiste added the Area:CSS For styling or layout issues handled with CSS/SASS label Jan 9, 2024
@raclim
Copy link
Collaborator

raclim commented Mar 28, 2024

Thanks for raising this issue! The issue this PR is resolving is for a temporary modal that we've now removed from the editor, so I'm going to close this PR as it no longer exists. We're probably going to release a new fundraiser at the end of this year, so that could be a potential issue to work on next in the future!

@raclim raclim closed this Mar 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Area:CSS For styling or layout issues handled with CSS/SASS

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants