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

fix: fixes gap between Github & View Docs Button on smaller screens (#3008) #3251

Closed
wants to merge 2 commits into from

Conversation

ChandanKhamitkar
Copy link

@ChandanKhamitkar ChandanKhamitkar commented Sep 23, 2024

On smaller screens the buttons were not properly aligned and having spacing issues.

  • Added Vertical Spacing
  • Set view docs content width to fit. ( So that only occupies width as per the content )

Before
image

After
Screenshot 2024-09-23 100557

Resolves: #3008

…syncapi#3008)

Signed-off-by: Chandan-6 <[email protected]>

* Added Vertical Spacing
* Set `view docs` content width to fit. ( So that only occupies width as
  per the content )
Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our contributors guide useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

Copy link

netlify bot commented Sep 23, 2024

Deploy Preview for asyncapi-website ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 985016e
🔍 Latest deploy log https://app.netlify.com/sites/asyncapi-website/deploys/66f27e994765a300088e738a
😎 Deploy Preview https://deploy-preview-3251--asyncapi-website.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 configuration.

@ChandanKhamitkar ChandanKhamitkar changed the title fix: Fixes gap between Github & View Docs Button on smaller screens (#3008) fix: fixes gap between Github & View Docs Button on smaller screens (#3008) Sep 23, 2024
@asyncapi-bot
Copy link
Contributor

asyncapi-bot commented Sep 23, 2024

⚡️ Lighthouse report for the changes in this PR:

Category Score
🔴 Performance 47
🟢 Accessibility 98
🟢 Best practices 92
🟢 SEO 100
🔴 PWA 33

Lighthouse ran on undefined

Copy link
Member

@Mayaleeeee Mayaleeeee left a comment

Choose a reason for hiding this comment

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

Thanks for reporting the issue @Chandan-6
I can see it from here, too.

  • Please add a spacing of 24px between the two buttons.
  • Please do not reduce the size of the View Docs button; leave it as it is.
  • Let's increase the size of the View on GitHub button to the same size as View Docs. I'd like you to see what it looks like.

@sambhavgupta0705
Copy link
Member

Closing this as this issue is under bounty program

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.

[BUG] Responsiveness issue on the View on Github button
4 participants