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

Only show grid lines when selecting grid or during child interaction #6647

Merged
merged 11 commits into from
Nov 18, 2024

Conversation

ruggi
Copy link
Contributor

@ruggi ruggi commented Nov 15, 2024

Problem:

Grid lines are shown all the time whether a grid or a grid child is selected. The grid sizing pills are also shown all the time.

Fix:

Only show the grid lines if:

  • the grid itself is selected
  • a grid child is selected and an interaction is in progress

Only show the grid sizing pills if:

  • the grid itself is selected

Note: I enabled the grid lines also for absolute resize of grid children because they can be affected by the grid so I thought it would be good to have them, but lmk if you feel otherwise.

Screen.Recording.2024-11-18.at.11.38.09.mov

Fixes #6645

Copy link
Contributor

github-actions bot commented Nov 15, 2024

Try me

Copy link

relativeci bot commented Nov 15, 2024

#15168 Bundle Size — 58.08MiB (~+0.01%).

842ec48(current) vs d1d46c1 master#15167(baseline)

Warning

Bundle contains 70 duplicate packages – View duplicate packages

Bundle metrics  Change 2 changes Regression 1 regression
                 Current
#15168
     Baseline
#15167
Regression  Initial JS 41.06MiB(~+0.01%) 41.06MiB
No change  Initial CSS 0B 0B
Change  Cache Invalidation 18.14% 18.02%
No change  Chunks 20 20
No change  Assets 22 22
No change  Modules 4169 4169
No change  Duplicate Modules 213 213
No change  Duplicate Code 27.29% 27.29%
No change  Packages 477 477
No change  Duplicate Packages 70 70
Bundle size by type  Change 2 changes Regression 1 regression Improvement 1 improvement
                 Current
#15168
     Baseline
#15167
Regression  JS 58.08MiB (~+0.01%) 58.08MiB
Improvement  HTML 7.37KiB (-0.25%) 7.39KiB

Bundle analysis reportBranch feat/grid-lines-during-interacti...Project dashboard


Generated by RelativeCIDocumentationReport issue

@balazsbajorics
Copy link
Contributor

please hide the track size pills too!

image

@ruggi
Copy link
Contributor Author

ruggi commented Nov 15, 2024

please hide the track size pills too!

@balazsbajorics fixed ✅

# Conflicts:
#	editor/src/components/canvas/canvas-strategies/strategies/grid-element-change-location-strategy.spec.browser2.tsx
#	editor/src/components/canvas/controls/grid-controls.tsx
@ruggi ruggi merged commit 15676a3 into master Nov 18, 2024
16 checks passed
@ruggi ruggi deleted the feat/grid-lines-during-interaction branch November 18, 2024 11:00
liady pushed a commit that referenced this pull request Dec 13, 2024
…6647)

**Problem:**

Grid lines are shown all the time whether a grid or a grid child is
selected. The grid sizing pills are also shown all the time.

**Fix:**

Only show the grid lines if:
- the grid itself is selected
- a grid child is selected **and** an interaction is in progress

Only show the grid sizing pills if:
- the grid itself is selected

**Note:** I enabled the grid lines also for absolute resize of grid
children because they can be affected by the grid so I thought it would
be good to have them, but lmk if you feel otherwise.


https://github.com/user-attachments/assets/eba83673-fe5d-43a2-8dcf-aba7bcc2cca1



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

Only show grid lines when the grid is selected or when child interaction is active
4 participants