Skip to content

Enhanced modal guidance documentation while maintaining consistency #6386

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

Open
wants to merge 6 commits into
base: master
Choose a base branch
from

Conversation

Souradip121
Copy link
Contributor

Description

This PR fixes #6292

Notes for Reviewers
I have put consistent styling along with implementing guidance section and elaborating on the code section with basic imports

2025-04-02.12-32-50.mp4

Signed commits

  • Yes, I signed my commits.

@l5io
Copy link
Contributor

l5io commented Apr 13, 2025

🚀 Preview for commit f884b6c at: https://67fb66ccbdfde4787534c7b0--layer5.netlify.app

Signed-off-by: Souradip Pal <souradip1000@gmail.com>
Signed-off-by: Souradip Pal <souradip1000@gmail.com>
@l5io
Copy link
Contributor

l5io commented Apr 13, 2025

🚀 Preview for commit f057d75 at: https://67fb6c6e97bede7b5df62f25--layer5.netlify.app

@Souradip121
Copy link
Contributor Author

@vishalvivekm kindly look into the PR

@vishalvivekm
Copy link
Contributor

vishalvivekm commented Apr 14, 2025

@Souradip121 Like discussed in previous meeting, reduce the image size, in overview section:
image

@vishalvivekm
Copy link
Contributor

In the code section, Confirmation Modal has following:
image

The Confirmation Modal, we currently have:

image

Copy link
Contributor

@vishalvivekm vishalvivekm left a comment

Choose a reason for hiding this comment

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

The table in the code section, isn't at all responsive in smaller devices:

@vishalvivekm
Copy link
Contributor

Maybe we’d be better off moving the props details to the guidance section, and just adding a note in the code section pointing to it.

image

@l5io
Copy link
Contributor

l5io commented Apr 14, 2025

🚀 Preview for commit 3d2e5f0 at: https://67fcc996484bb4ba9bb445bc--layer5.netlify.app

@l5io
Copy link
Contributor

l5io commented Apr 14, 2025

🚀 Preview for commit cefea03 at: https://67fd09c2d6a839683d6182f4--layer5.netlify.app

Signed-off-by: Souradip Pal <souradip1000@gmail.com>
@l5io
Copy link
Contributor

l5io commented Apr 20, 2025

🚀 Preview for commit 1f43d19 at: https://680535e297fe4783b18d6781--layer5.netlify.app

@l5io
Copy link
Contributor

l5io commented Apr 21, 2025

🚀 Preview for commit 583dc2d at: https://680626aac113236c196198e6--layer5.netlify.app

@@ -628,6 +650,16 @@ const SistentWrapper = styled.div`
padding-top: 1rem;
}

/* Guidance list styling */
Copy link
Member

Choose a reason for hiding this comment

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

please ensure its not effecting other guidance styles but being used consistently

@sudhanshutech
Copy link
Member

@vishalvivekm @amitamrutiya lgtm, just i asked @Souradip121 the external styles added is not effecting else where but being used consistently

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Sistent] Enhance Component Documentation and Ensure Default Button Styling Consistency
4 participants