Drag and drop animations #223

bryce-oc · 2022-02-02T10:23:14Z

Change Summary

[Briefly summarise the changes that you made. Just high-level stuff]

Change Form

Fill this up (NA if not available). If a certain criteria is not met, can you please give a reason.

The pull request title has an issue number
The change works by "Smoke testing" or quick testing
The change has tests
The change has documentation

Other Information

[Is there anything in particular in the review that I should be aware of?]

…uired.

…proper height, made basic draggable scalable

…nto update-simple-drag-and-drop-foodgroupV2

…me rounds logic

… atm

FoodGroups (wheel)

- Added hover scale transitions to draggable characters.

…at' above others.

…alues for better-sized Draggables.

…oat when they are no longer being hovered on.

… when dragged, refactored hover zoom to work with wiggle.

… further animations, and changed image size to fit.

…drop-animations

…component devolved childrens styling and had to be forced back into relative positioning

…codersforcauses/foodbank into update-simple-drag-and-drop-foodgroupV2

…eState repeater

…drop-animations

…rop-foodgroupV2

Co-authored-by: Peter <peter-tanner@users.noreply.github.com>

…hub.com/codersforcauses/foodbank into update-simple-drag-and-drop-foodgroupV2

…creen size).

…drop-animations

accesslint

There are accessibility issues in these changes.

accesslint · 2022-02-19T05:56:10Z

pages/food-groups/index.tsx

+
+  return (
+    <>
+      <Image 


This image is missing a text alternative (alt attribute). This is a problem for people using screen readers.

…page on pages of width 1024px or wider.

peter-tanner and others added 30 commits December 4, 2021 14:44

Migrate food wheel from old branch

907bed2

Wheel now focuses correct slice

42e1570

Wheel now scales correctly if the window height decreases

b2aa368

Fix #199, add resize hook and css to make vertical resize work

7a5ecb4

Basic attempt at drag and drop object. Proper window resize still req…

1ee5fc1

…uired.

Removed window height hook, made pie chart use relative position for …

f37aa2a

…proper height, made basic draggable scalable

test changes

6834946

character image mapping 5 images working

caa2c12

Start refactoring to angles, mutex test

cc43197

Use disk to determine slice instead of <area> polygon

1cb3ef7

Merge remote-tracking branch 'origin/experimental-drag-drop-rupert' i…

8366dd0

…nto update-simple-drag-and-drop-foodgroupV2

Remove old react-draggable files, add events to Draggable, basic ga…

8305d30

…me rounds logic

added foundation for character spawner

81ca0b5

generate character set function works, not functional with game logic…

5ca13f5

… atm

Added 'highlighting' zoom of food character under mouse.

51c8e9c

Use Draggable position for wheel detection, add round modal, refactor

a446521

FoodGroups (wheel)

- Updated tailwind

997f01a

- Added hover scale transitions to draggable characters.

Added float() and defloat() functions to make hovered Draggables 'flo…

d8f8b41

…at' above others.

Removed redundant z-0 in second <div> and adjusted width and height v…

7167327

…alues for better-sized Draggables.

Removed defloat() call from stopDrag() as characters should only defl…

5d26f2b

…oat when they are no longer being hovered on.

functional 10 character randomisation

1448d34

Pushed small experimental changes for John

7c3bec6

characters received from the DB

1df9e71

Notion character db integration with draggables now functional

dcad2a1

Added 'wiggle' and 'vibrate' animation styles, made Draggables wiggle…

edfd18b

… when dragged, refactored hover zoom to work with wiggle.

Refactored wiggle transform and Draggable scale to be more stable for…

a8faa2b

… further animations, and changed image size to fit.

Merge branch 'update-simple-drag-and-drop-foodgroupV2' into drag-and-…

ba9a783

…drop-animations

Fixed positioning bug with NextJS12 : Wrapper span from nextjs image …

51a13ae

…component devolved childrens styling and had to be forced back into relative positioning

Tailwind css

84addc0

Merge branch 'update-simple-drag-and-drop-foodgroupV2' of github.com:…

50f7961

…codersforcauses/foodbank into update-simple-drag-and-drop-foodgroupV2

RupesAUS and others added 3 commits February 8, 2022 15:29

Start of dirty refactor

61c21ed

Refactored code, Added Randomized Features, General Cleanup, Fixed Us…

6126cbf

…eState repeater

Merge branch 'update-simple-drag-and-drop-foodgroupV2' into drag-and-…

e179f43

…drop-animations

vercel bot had a problem deploying to Preview February 9, 2022 11:08 Failure

RupesAUS and others added 6 commits February 10, 2022 15:12

Images now scale responsively

4a7f403

fix reset on 2nd round

c2c7642

Merge branch 'drag-and-drop-animations' into update-simple-drag-and-d…

316e6ed

…rop-foodgroupV2

Merge branch 'drag-and-drop-animations' into update-simple-drag-and-d…

eb936b2

…rop-foodgroupV2

fix issue with img caching, wrong positions for second draggables set

057af90

Added backdrop to drag-and-drop game that scales to fit page.

8045b91

vercel bot had a problem deploying to Preview February 12, 2022 15:54 Failure

RupesAUS and others added 7 commits February 14, 2022 15:09

Responsive edits

b296409

Co-authored-by: Peter <peter-tanner@users.noreply.github.com>

Merge branch 'update-simple-drag-and-drop-foodgroupV2' of https://git…

7861b46

…hub.com/codersforcauses/foodbank into update-simple-drag-and-drop-foodgroupV2

Shared Coding Changes

344dbfd

Responsive start positions, fix center wheel bug

4d97bde

responsive end positions on wheel

18eb897

Basic clean up of old unused code

d568ae9

Made background image fit to parent (which ideally means fitting to s…

38f4133

…creen size).

vercel bot had a problem deploying to Preview February 19, 2022 04:33 Failure

RupesAUS and others added 3 commits February 19, 2022 12:35

Merged main into update-simple-drag-and-drop-foodgroupV2

df968bb

Merge branch 'update-simple-drag-and-drop-foodgroupV2' into drag-and-…

bcfe7cb

…drop-animations

Fixed merge-related import bug causing error.

3c3c6c7

vercel bot had a problem deploying to Preview February 19, 2022 05:51 Failure

accesslint bot reviewed Feb 19, 2022

View reviewed changes

Fixed merge-related bug where background would not fill to bottom of …

10d389f

…page on pages of width 1024px or wider.

vercel bot had a problem deploying to Preview February 19, 2022 08:32 Failure

Added variable top padding on title for md and lg breakpoints.

c6c034e

vercel bot had a problem deploying to Preview February 19, 2022 09:17 Failure

Style heading text, centered instruction text.

f036ae5

vercel bot had a problem deploying to Preview March 2, 2022 05:49 Failure

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Drag and drop animations #223

Drag and drop animations #223

bryce-oc commented Feb 2, 2022

accesslint bot left a comment

accesslint bot Feb 19, 2022

Drag and drop animations #223

Are you sure you want to change the base?

Drag and drop animations #223

Conversation

bryce-oc commented Feb 2, 2022

Change Summary

Change Form

Other Information

accesslint bot left a comment

Choose a reason for hiding this comment

accesslint bot Feb 19, 2022

Choose a reason for hiding this comment