fix: content getting hide on drag and drop in stage view cards

[Nabhag8848]

ISSUE

• Closes Display Record content when drag & dropping #7388

Demo

Screen.Recording.2024-10-12.at.8.16.24.PM.mov

• Table Row Drag WIP

[greptile-apps]

PR Summary

This pull request addresses the issue of content hiding during drag and drop operations in stage view cards by implementing the InView component in the RecordBoardCard component.

• Introduced InView component in RecordBoardCard.tsx to maintain content visibility during drag and drop
• Removed StyledRecordInlineCellPlaceholder and inView variable, simplifying the component structure
• Improved user experience by ensuring card content remains visible during drag operations in both Kanban and Table views
• Aligned implementation with desired behavior described in issue Display Record content when drag & dropping #7388
• Modified RecordBoardCard component to directly render content without conditional visibility checks

_{1 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings | Greptile}

[charlesBochet]

Thank you @Nabhag8848, I've played with it and it feels nice except for the drag and drop on the RecordTable: column size do not look to be respected

Could you fix it?

[charlesBochet]

@Nabhag8848 up on this one :)

[Nabhag8848]

Thanks, was aware, swamped with work. I'll handle it soon!

[Nabhag8848]

will need to fix #7290 first.

in my current solution column size is still breaking when column size is changed as checkbox with is changing + some need to fix some weird behaviours

[Nabhag8848]

@charlesBochet should we merge just kanban changes which are working as expected ? I can revert table record changes from this PR and for table records, we can make a seperate PR while we fix dependant issues ?

[charlesBochet]

/award 300

[oss-gg]

Awarding Nabhag8848: 300 points 🕹️ Well done! Check out your new contribution on oss.gg/Nabhag8848

[github-actions]

Thanks @Nabhag8848 for your contribution!
This marks your 20th PR on the repo. You're top 2% of all our contributors 🎉
See contributor page - Share on LinkedIn - Share on Twitter