-
-
Notifications
You must be signed in to change notification settings - Fork 762
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
Conversation
…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 )
There was a problem hiding this 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.
✅ Deploy Preview for asyncapi-website ready!Built without sensitive environment variables
To edit notification comments on pull requests, go to your Netlify site configuration. |
⚡️ Lighthouse report for the changes in this PR:
Lighthouse ran on undefined |
There was a problem hiding this 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 asView Docs
. I'd like you to see what it looks like.
Closing this as this issue is under bounty program |
On smaller screens the buttons were not properly aligned and having spacing issues.
view docs
content width to fit. ( So that only occupies width as per the content )Before
After ✅
Resolves: #3008