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

Comment transitions - first draft from sidebar #3729

Closed
wants to merge 2 commits into from

Conversation

siddharthkp
Copy link
Contributor

@siddharthkp siddharthkp commented Mar 20, 2020

Animates from sidebar row

Missing elements:

  1. Collision handling with window
  2. Exit animation
  3. Open from glyph position

Copied to #3726

@siddharthkp siddharthkp changed the title first draft Comment transitions - first draft Mar 20, 2020
@siddharthkp siddharthkp self-assigned this Mar 20, 2020
@lbogdan lbogdan temporarily deployed to pr3729 March 20, 2020 14:21 Inactive
@lbogdan
Copy link
Contributor

lbogdan commented Mar 20, 2020

Build for latest commit 5db4ae4 is at https://pr3729.build.csb.dev/s/new.

@siddharthkp siddharthkp changed the title Comment transitions - first draft Comment transitions - first draft from sidebar Mar 23, 2020
@siddharthkp siddharthkp marked this pull request as ready for review March 23, 2020 14:16
@christianalfoni christianalfoni changed the base branch from master to comments-glyphs March 23, 2020 14:18
@siddharthkp siddharthkp changed the base branch from comments-glyphs to master March 23, 2020 14:26
siddharthkp added a commit that referenced this pull request Mar 23, 2020
@siddharthkp
Copy link
Contributor Author

Copied to #3726

christianalfoni added a commit that referenced this pull request Mar 27, 2020
* initial stuff

* initial glyph implementation

* optimistic transposing

* add active class to glyphs

* WIP: add comment from context

* handling optimistic thread

* multi comments on line

* favor active over multi icon

* add numbers

* copy changes from #3729

* remove trigger check

* remove react-draggable coz we have framer motino

* open file and scroll to position

* refactored most, continuing on laptop...

* fix replies

* glyph likes themes

* oops that not supposed to be there

* extract avatarblock

* move edit comment out

* use edit content in reply

* add dialog positioning

* always render even if position is not known

* better fallback position

* remove unused ref

* add polling mechanism to active comment

* change the fallback just a little more

* optimistically set position

* fix checking id in comment glyph boundary as well

* remove optimistic trigger

* improve moving comments

* use currentTarget instead

* set placeholder + animate from left in fallback

* move position logic into a funktion

* animate based on _file change_

* rename optimistic to newComment

* add permalinks (#3744)

* add permalinks

* remove query from effect

* move copy to clipboard to effect

* add defaults

* create action for commenturl

* yaay

* Apply suggestions from code review

Co-Authored-By: Christian Alfoni <christianalfoni@gmail.com>

* Update packages/app/src/app/pages/Sandbox/index.tsx

Co-Authored-By: Christian Alfoni <christianalfoni@gmail.com>

* make action

Co-authored-by: Christian Alfoni <christianalfoni@gmail.com>

* fixed add comment position and decorate line

* redesign new comment

* fix ... icon

* pull out new comment component

* rename to AddComment duh

* move add reply to a component

* pull out comment header

* pull out comment body into a component

* close dialog is lame

* but i am lamer

* leave a comment before i forget

* add comment glyph

* some fixes

* window collisions - first draft

* cheeky scale guessing

* found the missing 48px :P

* dont need to track animation state now

* always div for unknown semantics

* fix comment current target trigger

* omg strings!

* fix animations on comments

* improve handling optimistic

* use animate controller

* add comments

* Add times and move file name (#3752)

Co-authored-by: Christian Alfoni <christianalfoni@gmail.com>

* fix issue with moving from optimistic to existing comment

* refactor to initial and end position

* ensure we actually have a comments state for the sandbox

* fix multi popup

* auto focus on creating new comment

* add permission checks on comments

* drag handle!!!

* improve dragging

* style multi comments (#3763)

* style multi comments

* use element

* update lookup

* fix ot typing

* fixed types and defaulting to comments

* fix typing

* last fixes

Co-authored-by: Sara Vieira <hey@iamsaravieira.com>
Co-authored-by: siddharthkp <siddharth.kshetrapal@gmail.com>
@MichaelDeBoey MichaelDeBoey deleted the comment-transition-1 branch March 27, 2020 20:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants