Skip to content

Fix file list visible behind the multiselect header - #7663

Merged
rullzer merged 1 commit into
masterfrom
fix-file-list-visible-behind-the-multiselect-header
Jan 2, 2018
Merged

Fix file list visible behind the multiselect header#7663
rullzer merged 1 commit into
masterfrom
fix-file-list-visible-behind-the-multiselect-header

Conversation

@danxuliu

Copy link
Copy Markdown
Member

Fixes#7540

When the file list is scrolled vertically its contents are visible behind the file list multiselect header. As mentioned by @jancborchardtthey are intended to be slightly visible, but currently some parts (the name and the file actions) are fully visible.

The problem comes from the z-index used for the header and those parts of the row; the z-index for .nametext was set to 50 in 22da869 and the z-index for .fileactions was set to 50 in 5e02ced Both values are needed for the right behaviour of the file list, so this has to be fixed by setting an even higher z-index value for the header.

When the original issue was filled the problem happened too in the controls bar (breadcrumbs and add button), but it was fixed in 3105a27 For consistency with that the z-index value of the header was set too to 55.

@nextcloud/designers

Some parts of the file list contents (file name and actions) had a
higher z-index than the file list multiselect header. That header is
fixed in place, so when the file list contents were scrolled and those
parts with a higher z-index overlapped the multiselect header they were
fully visible. Now the z-index for the multiselect header has a higher
value (the same used in the controls bar) to ensure that the contents
are shown behind the header.
Fixes#7540
Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
@danxuliudanxuliu added 3. to review Waiting for reviews bug design Design, UI, UX, etc. feature: files labels Jan 2, 2018
@danxuliudanxuliu added this to the Nextcloud 13 milestone Jan 2, 2018
@MorrisJobkeMorrisJobke mentioned this pull request Jan 2, 2018
30 tasks

@MorrisJobkeMorrisJobke left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Tested and works 👍

@rullzerrullzer left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

🚀

@rullzer
rullzer merged commit 7fdd909 into masterJan 2, 2018
@rullzer
rullzer deleted the fix-file-list-visible-behind-the-multiselect-header branch January 2, 2018 18:58
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

3. to reviewWaiting for reviewsbugdesignDesign, UI, UX, etc.feature: files

Projects

None yet

Development

Successfully merging this pull request may close these issues.

The file list is partially visible behind the header

3 participants

@danxuliu@rullzer@MorrisJobke