upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-06-11 09:42:09 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 57

fix(files): selected files actions position on scroll/with readme block

Browse source 
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
This commit is contained in:
Grigorii K. Shartsev 2024-01-27 19:05:31 +01:00
parent 5f7e4ffd7f
commit f01e169938
2 changed files with 16 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
apps/files/src/components/FilesListVirtual.vue
View file

@ -339,14 +339,21 @@ export default defineComponent({
.files-list__table {
display: block;
&.files-list__table--with-thead-overlay {
// Hide the table header below the overlay
margin-top: calc(-1 * var(--row-height));
}
}
.files-list__thead-overlay {
position: absolute;
// Pinned on top when scrolling
position: sticky;
top: 0;
left: var(--row-height); // Save space for a row checkbox
right: 0;
z-index: 1000;
// Save space for a row checkbox
margin-left: var(--row-height);
// More than .files-list__thead
z-index: 20;
display: flex;
align-items: center;

10
apps/files/src/components/VirtualList.vue
View file

@ -1,15 +1,15 @@
<template>
<div class="files-list" data-cy-files-list>
<div v-if="!!$scopedSlots['header-overlay']" class="files-list__thead-overlay">
<slot name="header-overlay" />
</div>
<!-- Header -->
<div ref="before" class="files-list__before">
<slot name="before" />
</div>
<table class="files-list__table">
<div v-if="!!$scopedSlots['header-overlay']" class="files-list__thead-overlay">
<slot name="header-overlay" />
</div>
<table class="files-list__table" :class="{ 'files-list__table--with-thead-overlay': !!$scopedSlots['header-overlay'] }">
<!-- Accessibility table caption for screen readers -->
<caption v-if="caption" class="hidden-visually">
{{ caption }}