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

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

Merged
merged 2 commits into from
Jan 30, 2024

Conversation

ShGKme
Copy link
Contributor

@ShGKme ShGKme commented Jan 27, 2024

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-actions after-actions

🏚️ Before

before-actions.mp4

🏡 After

after-actions.mp4

Also works on small screen (a11y size)

after-actions-small

Checklist

@ShGKme ShGKme added this to the Nextcloud 29 milestone Jan 27, 2024
@ShGKme ShGKme self-assigned this Jan 27, 2024
@ShGKme
Copy link
Contributor Author

ShGKme commented Jan 27, 2024

/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
Member

Choose a reason for hiding this comment

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

clever!

Copy link
Contributor Author

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 🙈

Copy link
Member

@skjnldsv skjnldsv left a comment

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 team January 30, 2024 11:26
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
@ShGKme ShGKme force-pushed the fix/43149/files--table-header-actions-position branch from 513d329 to e90e136 Compare January 30, 2024 19:30
@ShGKme
Copy link
Contributor Author

ShGKme commented Jan 30, 2024

Rebased onto master, recompiled assets

@skjnldsv skjnldsv 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
Contributor Author

ShGKme commented Jan 30, 2024

/backport f01e169 to stable28

@susnux susnux merged commit 4239ee7 into master Jan 30, 2024
94 checks passed
@susnux susnux deleted the fix/43149/files--table-header-actions-position branch January 30, 2024 20:19
@blizzz blizzz mentioned this pull request Mar 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
4. to release Ready to be released and/or waiting for tests to finish bug feature: files regression
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Files actions multi-select header scrolls with content
3 participants