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

refactor: update grid dragover=on-top visual style (Lumo) #2647

Merged
merged 1 commit into from
Sep 28, 2021

Conversation

jouni
Copy link
Member

@jouni jouni commented Sep 28, 2021

Reduce the opacity of the drag overlay when dragover="on-top".

Extend the drag overlay to cover the frozen column divider (right border of the last frozen column), so that the overlay is perceived as one single element on top of all columns (no gaps).

Remove unnecessary styles that target IE/Edge (no longer supported).

This PR is required before merging #2626 (see #2626 (comment)).

@sonarqubecloud
Copy link

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication


[part~='row'][dragstart] {
/* Add bottom-space to the row so the drag number doesn't get clipped. Needed for IE/Edge */
border-bottom: 100px solid transparent;
Copy link
Member

Choose a reason for hiding this comment

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

This removal probably also fixes #2124

Copy link
Member Author

Choose a reason for hiding this comment

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

Yeah, that crossed my mind as well, but I didn't see if it has any impact there. I’ll do that now.

Copy link
Member Author

Choose a reason for hiding this comment

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

Hmm, actually, I can't reproduce the bug in start.vaadin.com anymore, using Safari 15. So I can't make sure if this PR actually fixes the issue. Can you test it?

Copy link
Member

Choose a reason for hiding this comment

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

I tested on Safari 15 and 14 but couldn't reproduce

Copy link
Member Author

@jouni jouni Sep 28, 2021

Choose a reason for hiding this comment

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

The implementation/styling of that part of start.vaadin.com has changed as well, so it’s hard to test anymore.

@vaadin-bot
Copy link
Collaborator

This ticket/PR has been released with platform 22.0.0.alpha7 and is also targeting the upcoming stable 22.0.0 version.

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.

3 participants