Skip to content

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

Merged
susnux merged 2 commits into
masterfrom
fix/43149/files--table-header-actions-position
Jan 30, 2024
Merged

fix(files): selected files actions position on scroll/with readme block#43172
susnux merged 2 commits into
masterfrom
fix/43149/files--table-header-actions-position

Conversation

@ShGKme

Copy link
Copy Markdown
Contributor

Summary

  • Move thead overlay with files actions below the before (README) block
  • position absolute -> sticky
  • Adjust position
    - Cannot say what correcting position via negative margin is a beautiful solution, but I have no more ideas...

Screenshots

🏚️ Before🏡 After
before-actionsafter-actions
Details

🏚️ Before

before-actions.mp4

🏡 After

after-actions.mp4

Also works on small screen (a11y size)

after-actions-small

Checklist

@ShGKmeShGKme added this to the Nextcloud 29 milestone Jan 27, 2024
@ShGKmeShGKme self-assigned this Jan 27, 2024
@ShGKme

Copy link
Copy Markdown
ContributorAuthor

/backport 7a63327 to stable28


&.files-list__table--with-thead-overlay {
// Hide the table header below the overlay
margin-top: calc(-1 * var(--row-height));

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.

clever!

Copy link
Copy Markdown
ContributorAuthor

Choose a reason for hiding this comment

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

This is the place I dislike the most in mi solution 🙈

@skjnldsvskjnldsv 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.

Code make sense! Thanks!!

@ShGKme
ShGKme requested a review from a teamJanuary 30, 2024 11:26
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
@ShGKme
ShGKmeforce-pushed the fix/43149/files--table-header-actions-position branch from 513d329 to e90e136CompareJanuary 30, 2024 19:30
@ShGKme

Copy link
Copy Markdown
ContributorAuthor

Rebased onto master, recompiled assets

@skjnldsvskjnldsv added 4. to release Ready to be released and/or waiting for tests to finish and removed 3. to review Waiting for reviews labels Jan 30, 2024
@susnux
susnux enabled auto-merge January 30, 2024 19:37
@ShGKme

Copy link
Copy Markdown
ContributorAuthor

/backport f01e169 to stable28

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

4. to releaseReady to be released and/or waiting for tests to finishbugfeature: filesregression

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Files actions multi-select header scrolls with content

3 participants

@ShGKme@susnux@skjnldsv