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

Offset distance indicators for grid absolute move #6339

Merged
merged 5 commits into from
Sep 9, 2024

Conversation

ruggi
Copy link
Contributor

@ruggi ruggi commented Sep 9, 2024

Problem:

When doing an absolute move on grid child elements, it would be good to have visual indicators for the current offset from the cell the element resides in.

Fix:

Add top/left indicators during the move.
The indicators will follow the target root cell, and adjust their position so they don't go over each other.
If the offset is outside of the cell boundaries, additional orthogonal lines will be displayed for clarity.

Screen.Recording.2024-09-09.at.13.46.40.mov

Fixes #6338

Copy link
Contributor

github-actions bot commented Sep 9, 2024

Try me

Copy link

relativeci bot commented Sep 9, 2024

#14148 Bundle Size — 62.55MiB (+0.02%).

f635a77(current) vs 916e8b9 master#14124(baseline)

Warning

Bundle contains 70 duplicate packages – View duplicate packages

Bundle metrics  Change 2 changes Regression 1 regression
                 Current
#14148
     Baseline
#14124
Regression  Initial JS 45.68MiB(+0.03%) 45.67MiB
No change  Initial CSS 0B 0B
Change  Cache Invalidation 22.22% 21.56%
No change  Chunks 30 30
No change  Assets 33 33
No change  Modules 4381 4381
No change  Duplicate Modules 520 520
No change  Duplicate Code 31.61% 31.61%
No change  Packages 472 472
No change  Duplicate Packages 70 70
Bundle size by type  Change 2 changes Regression 1 regression Improvement 1 improvement
                 Current
#14148
     Baseline
#14124
Regression  JS 62.54MiB (+0.02%) 62.53MiB
Improvement  HTML 11.12KiB (-0.32%) 11.16KiB

Bundle analysis reportBranch feat/grid-absolute-distanceProject dashboard


Generated by RelativeCIDocumentationReport issue

@ruggi ruggi marked this pull request as ready for review September 9, 2024 13:24
return null
}

function position(
Copy link
Contributor

@liady liady Sep 9, 2024

Choose a reason for hiding this comment

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

I would suggest maybe positioning them in the middle of the axes (like the blue indicators):
image
vs
Monosnap flawless-santanaraptor - Utopia 2024-09-09 17-01-54

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I don't agree on this one: the positioning at the origin on the element is to better clarify this is an offset (relative to the 0;0 coord of the bounding rectangle)

Copy link
Contributor

@liady liady Sep 9, 2024

Choose a reason for hiding this comment

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

though it's not changing this meaning, since the "left" indicator will still be from the left side and the "top" will still be from the top side (they will just be positioned in the middle of the side itself).
but it's very minor and already clear, so np 👍

@ruggi ruggi merged commit 3dd1c23 into master Sep 9, 2024
13 checks passed
@ruggi ruggi deleted the feat/grid-absolute-distance branch September 9, 2024 15:19
liady pushed a commit that referenced this pull request Dec 13, 2024
**Problem:**

When doing an absolute move on grid child elements, it would be good to
have visual indicators for the current offset from the cell the element
resides in.

**Fix:**

Add top/left indicators during the move.
The indicators will follow the target root cell, and adjust their
position so they don't go over each other.
If the offset is outside of the cell boundaries, additional orthogonal
lines will be displayed for clarity.



https://github.com/user-attachments/assets/165ffd7b-50fc-4ae5-a146-39daf22acc71



Fixes #6338
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.

cell distance indicators for grid absolute move
4 participants