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

[stable12] Fix drag shadow not visible when dragging a file on a narrow screen #7666

Conversation

danxuliu
Copy link
Member

@danxuliu danxuliu commented Jan 2, 2018

Backport of #7527

When a file from the file list is dragged a drag shadow (a copy of the
file row that follows the cursor position) is created. The drag shadow
element is created as a direct child of the body element, so it needs a
higher "z-index" than the one used for the file list to be visible.

In narrow screens the "#app-content" uses a "z-index" of 1000 in order
to be visible over the "#navigation-bar" when they overlap, so the
"z-index" of the drag shadow must be at least 1000 to be visible over
the file list.

Instead of updating the hardcoded "z-index" it was removed and replaced
by CSS rules for ".dragshadow" elements to ease theming.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
@danxuliu danxuliu added this to the Nextcloud 12.0.5 milestone Jan 2, 2018
@codecov
Copy link

codecov bot commented Jan 2, 2018

Codecov Report

Merging #7666 into stable12 will not change coverage.
The diff coverage is n/a.

@@             Coverage Diff             @@
##             stable12    #7666   +/-   ##
===========================================
  Coverage       53.93%   53.93%           
  Complexity      22712    22712           
===========================================
  Files            1385     1385           
  Lines           86996    86996           
  Branches         1330     1330           
===========================================
  Hits            46919    46919           
  Misses          40077    40077

@MorrisJobke MorrisJobke mentioned this pull request Jan 8, 2018
13 tasks
Copy link
Member

@MorrisJobke MorrisJobke left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested and works 👍

@MorrisJobke MorrisJobke merged commit bbaa765 into stable12 Jan 9, 2018
@MorrisJobke MorrisJobke deleted the stable12-7527-fix-drag-shadow-not-visible-when-dragging-a-file-on-a-narrow-screen branch January 9, 2018 10:12
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