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

feat: add draggable prop of BAIModal to drag modal #2179

Merged
merged 9 commits into from
Jan 30, 2024

Conversation

gee05053
Copy link
Contributor

@gee05053 gee05053 commented Jan 26, 2024

This PR resolves #2149

If you set draggable in BAIModal, you can drag modal.
You can drag only when your mouse cursor is over header.
I also modify close button of width and height in header
you need to npm install to install react-draggable

2024-01-30.2.39.56.mov

Checklist: (if applicable)

  • Mention to the original issue
  • Documentation
  • Minium required manager version
  • Specific setting for review (eg., KB link, endpoint or how to setup)
  • Minimum requirements to check during review
  • Test case(s) to demonstrate the difference of before/after

@gee05053 gee05053 self-assigned this Jan 26, 2024
@github-actions github-actions bot added the size:M 30~100 LoC label Jan 26, 2024
Copy link

github-actions bot commented Jan 26, 2024

Coverage report for ./react

St.
Category Percentage Covered / Total
🔴 Statements
3.14% (-0.01% 🔻)
101/3219
🔴 Branches
3.32% (-0.02% 🔻)
67/2018
🔴 Functions
1.55% (-0.01% 🔻)
17/1097
🔴 Lines
3.2% (-0.01% 🔻)
101/3160

Test suite run success

20 tests passing in 4 suites.

Report generated by 🧪jest coverage report action from fa07101

Copy link

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-2179.d3g9cs6u59b8lw.amplifyapp.com

Copy link
Member

@yomybaby yomybaby left a comment

Choose a reason for hiding this comment

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

I already gave feedback on the Teams channel. But I want to summarize that:

  • Make only a specific area next to the title draggable, and do not limit the movable screen area, allowing dragging anywhere on the screen.
  • no scroll appears even if a modal goes outside the screen.

@github-actions github-actions bot added size:L 100~500 LoC and removed size:M 30~100 LoC labels Jan 30, 2024
Copy link
Member

@yomybaby yomybaby left a comment

Choose a reason for hiding this comment

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

LGTM!

Copy link
Member

@yomybaby yomybaby 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

@yomybaby yomybaby merged commit ff29a58 into main Jan 30, 2024
6 of 7 checks passed
@yomybaby yomybaby deleted the feat/BAIModal-draggable branch January 30, 2024 08:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
size:L 100~500 LoC
Projects
None yet
Development

Successfully merging this pull request may close these issues.

feat: draggable prop of BAIModal component
2 participants