1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-23 14:00:56 +01:00
phorge-phorge/webroot/rsrc/js/application/projects
epriestley 686b03a1d5 Dim the action drop preview element when the cursor approaches
Summary:
Depends on D20308. Ref T5474. The element which previews what will happen when you drop a task somewhere can cover the bottom part of the rightmost column on a workboard.

To fix this, I'm trying to just fade it out if you put your cursor over it. I tried to do this in a simple way previously (":hover" + "opacity: 0.25") but it doesn't actually work because "pointer-events: none" stops ":hover" from working.

Instead, do this in Javascript. This is a little more complicated but: it works; and we can do the fade when you get //near// the element instead of actually over it, which feels a little better.

Test Plan:
  - Shrank window to fairly small size so that the preview could cover up stuff on the workboard.
  - Dragged a card toward the rightmost column.
  - Before: drop action preview covered some workboard stuff.
  - After: preview faded out as my cursor approached.

Reviewers: amckinley

Reviewed By: amckinley

Maniphest Tasks: T5474

Differential Revision: https://secure.phabricator.com/D20320
2019-03-25 14:35:55 -07:00
..
behavior-project-boards.js Add a "Play Sound" workboard trigger rule 2019-03-25 14:03:57 -07:00
behavior-project-create.js Allow commits to be associated with projects and associated goodies 2012-08-08 10:03:41 -07:00
behavior-reorder-columns.js Allow the workboard backlog column to be reordered 2014-08-08 15:50:36 -07:00
WorkboardBoard.js Dim the action drop preview element when the cursor approaches 2019-03-25 14:35:55 -07:00
WorkboardCard.js Modularize workboard column orders 2019-03-12 13:07:50 -07:00
WorkboardCardTemplate.js Modularize workboard column orders 2019-03-12 13:07:50 -07:00
WorkboardColumn.js When users hover over a column trigger menu, show a "preview" with the rules instead of a tooltip 2019-03-25 14:02:10 -07:00
WorkboardController.js On workboards, provide all of the supported "create task" forms in the dropdown 2017-03-02 04:24:40 -08:00
WorkboardDropEffect.js When users hover over a column trigger menu, show a "preview" with the rules instead of a tooltip 2019-03-25 14:02:10 -07:00
WorkboardHeader.js Modularize workboard column orders 2019-03-12 13:07:50 -07:00
WorkboardHeaderTemplate.js Preview the effects of a drag-and-drop operation on workboards 2019-03-25 13:22:56 -07:00
WorkboardOrderTemplate.js Add an "Sort by Creation Date" filter to workboards and modularize remaining order behaviors 2019-03-12 13:46:49 -07:00