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

Add visual cue when moving draggable item over droppable item, #20150

Merged
merged 3 commits into from
May 30, 2016

Conversation

pellaeon
Copy link
Member

ie. breadcrumb and filenameTd

The style on breadcrumb might need tweaking.

Solves #10369

@ghost ghost added the in progress label Oct 29, 2015
@karlitschek
Copy link
Contributor

very nice. thanks for the pull request :-)
@PVince81 @jancborchardt what do you think?

@MorrisJobke
Copy link
Contributor

@pellaeon I can't find any visual changes, when testing with chrome. Can you maybe add some screenshots? Maybe I just tried the wrong stuff ;)

@pellaeon
Copy link
Member Author

@MorrisJobke
Drag an item over a folder
1

Drag an item over breadcrumb
2

@PVince81
Copy link
Contributor

@owncloud/designers

@PVince81 PVince81 added this to the 9.0-current milestone Dec 17, 2015
@PVince81
Copy link
Contributor

@jancborchardt do you like this highlight ?

@jancborchardt
Copy link
Member

The color of the highlight should be the same that is used for when an upload is successfully finished. And that shade of yellow should be defined centrally so we can pull it as highlightcolor and change it in one place.

@pellaeon
Copy link
Member Author

It is the same color, copied from https://github.com/owncloud/core/blob/master/apps/files/css/upload.css#L171 .

I don't know how to define it centrally.

@PVince81
Copy link
Contributor

  • the hover should cover the whole row, now only the files row ? @jancborchardt

Tested, functionally it works.

@jancborchardt
Copy link
Member

Yeah, the style should cover the whole row. We can adjust the exact color later.

@PVince81
Copy link
Contributor

PVince81 commented Feb 8, 2016

@pellaeon can you change it to cover the whole row ?

@MorrisJobke MorrisJobke modified the milestones: 9.1-next, 9.0-current Mar 4, 2016
@pellaeon pellaeon force-pushed the pr-droppable-hover-visual-cue branch from 7079240 to c07d43a Compare March 12, 2016 03:05
@pellaeon
Copy link
Member Author

@PVince81 it now covers the whole row, also making the whole row droppable.
highlight_entire_row

@pellaeon pellaeon force-pushed the pr-droppable-hover-visual-cue branch from dafff84 to d8969bd Compare March 14, 2016 14:39
@PVince81
Copy link
Contributor

Looks good to me, JS unit tests pass locally 👍

Merge ? @MorrisJobke @jancborchardt @rullzer @nickvergessen

@MorrisJobke
Copy link
Contributor

This has conflicts :(

Generally I like this, but maybe we want to use a not that aggressive color. But that could be addressed in an additional PR. cc @owncloud/designers

@pellaeon Could you rebase and resolve the conflicts? Then we could merge this :)

@skjnldsv
Copy link
Contributor

I wanted to propose some kind of striped background, but the css is goind wild.
I applied it to the tr, and all the td are disrupting the background, I never saw that! :/
capture d ecran_2016-05-14_10-42-28

so that .canDrop will highlight the entire row when drag hover
@pellaeon pellaeon force-pushed the pr-droppable-hover-visual-cue branch from d8969bd to 56241af Compare May 21, 2016 04:55
@pellaeon
Copy link
Member Author

@MorrisJobke rebased!

@skjnldsv
Copy link
Contributor

Ok, apparently, my stripped background problem is a webkit issue. It work fine on other browsers.
Should we goo for it? I like it. :)

@PVince81
Copy link
Contributor

@skjnldsv I'd rather vote against it, at least for now. Maybe reconsider striping all the things for 9.2 ?

Goal is to get this PR here merged soon.

@skjnldsv
Copy link
Contributor

@PVince81 Yep, let's merge! :)

@PVince81
Copy link
Contributor

@skjnldsv counting your comment as a 👍

@PVince81
Copy link
Contributor

JS unit tests still passed locally, merging

@PVince81 PVince81 merged commit 76c0bc2 into owncloud:master May 30, 2016
@lock
Copy link

lock bot commented Aug 5, 2019

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@lock lock bot locked as resolved and limited conversation to collaborators Aug 5, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants