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

Restored columnType visibility #290

Merged
merged 1 commit into from
Dec 17, 2024
Merged

Conversation

FunamaYukina
Copy link
Member

@FunamaYukina FunamaYukina commented Dec 17, 2024

Summary

Resolved the problem that prevented the column type from being shown on TableNode hover.

Before

ss 2510

After

ss 2511

Related Issue

Changes

Testing

Other Information

In contrast to the design, where column types are shown for all relevant TableNodes on hover, this implementation displays the column type only for the hovered TableNode.(In order to fix the bug quickly.)

@FunamaYukina FunamaYukina self-assigned this Dec 17, 2024
@FunamaYukina FunamaYukina marked this pull request as ready for review December 17, 2024 07:34
@FunamaYukina FunamaYukina requested a review from a team as a code owner December 17, 2024 07:34
@FunamaYukina FunamaYukina requested review from hoshinotsuyoshi, junkisai, MH4GF and sasamuku and removed request for a team December 17, 2024 07:34
Copy link
Member

@sasamuku sasamuku left a comment

Choose a reason for hiding this comment

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

LGTM🚀

@@ -48,7 +48,7 @@
transition: opacity 300ms var(--default-timing-function);
}

.wrapper:hover .columnType {
Copy link
Member

Choose a reason for hiding this comment

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

Let me know why this is not working ?👀

Copy link
Member Author

@FunamaYukina FunamaYukina Dec 17, 2024

Choose a reason for hiding this comment

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

I didn't know about that either, but I've just been informed(Mr. Miyagi told me).
You're attempting to access a class named "columnType" from TableNode,

TableNode.module.css

.wrapper:hover .columnType {
  opacity: 1;
}

but the real class name is obfuscated. (it is not columnType)

ss 2513

As a result, you couldn't reference the class from another file. I've resolved this by utilizing the data attribute and global:.

ref: 296fdaa

Copy link
Member

Choose a reason for hiding this comment

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

Thank you for explaining.
data-* attributes can be used in that situation, I see 👍

Copy link
Member Author

Choose a reason for hiding this comment

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

Yes😆 This time, we were able to fix the issue by only modifying the CSS.

@FunamaYukina
Copy link
Member Author

@MH4GF
Thank you for your previous guidance🙏. I've made the corrections, so I would be grateful if you could review them.

commit: 296fdaa

preview: https://liam-erd-sample-6h1szphmk-route-06-core.vercel.app/

Copy link
Member

@MH4GF MH4GF left a comment

Choose a reason for hiding this comment

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

Thank you for your work 🚀

@MH4GF MH4GF added this pull request to the merge queue Dec 17, 2024
Merged via the queue into main with commit dd60f2b Dec 17, 2024
12 checks passed
@MH4GF MH4GF deleted the Restored-columnType-visibility branch December 17, 2024 09:30
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.

3 participants