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: Fix inaccessible content on public pages due to overlapping footer #47649

Merged
merged 3 commits into from
Sep 6, 2024

Conversation

Pytal
Copy link
Member

@Pytal Pytal commented Aug 30, 2024

Resolves

Adds a non-invasive script to set the correct styling whenever the footer overlaps the main content so it is still accessible by scrolling.

Previous non-dynamic footer height was set in #46784

Before After
image image

Checklist

@Pytal Pytal added this to the Nextcloud 31 milestone Aug 30, 2024
@Pytal Pytal requested a review from a team August 30, 2024 19:57
@Pytal Pytal self-assigned this Aug 30, 2024
@Pytal Pytal requested review from susnux, Fenn-CS and szaimen and removed request for a team August 30, 2024 19:57
@Pytal Pytal enabled auto-merge August 30, 2024 19:58
susnux

This comment was marked as resolved.

Signed-off-by: Christopher Ng <chrng8@gmail.com>
Signed-off-by: Christopher Ng <chrng8@gmail.com>
@Pytal
Copy link
Member Author

Pytal commented Sep 5, 2024

/compile /

@Pytal Pytal changed the title fix(files_sharing): Fix inaccessible content on public share page due to overlapping footer fix: Fix inaccessible content on public pages due to overlapping footer Sep 5, 2024
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
Copy link
Contributor

@susnux susnux left a comment

Choose a reason for hiding this comment

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

looks very clean!

Comment on lines 42 to 47
#content {
min-height: var(--body-height, calc(100% - var(--footer-height)));
padding-block-end: var(--footer-height);
}

#app-content-vue {
Copy link
Contributor

Choose a reason for hiding this comment

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

(unrelated:)
This will be funny once we have Vue3 apps, then there is double the padding, as currently Vue2 will replace #content with #app-content-vue, while Vue3 does not replace the mount point but the inner HTML.

@Pytal Pytal enabled auto-merge September 6, 2024 00:50
@Pytal Pytal merged commit 46340d1 into master Sep 6, 2024
174 checks passed
@Pytal Pytal deleted the fix/footer-overlap branch September 6, 2024 11:43
@Pytal
Copy link
Member Author

Pytal commented Sep 6, 2024

/backport to stable30

@Pytal
Copy link
Member Author

Pytal commented Sep 6, 2024

/backport to stable29

@Pytal
Copy link
Member Author

Pytal commented Sep 6, 2024

/backport to stable28

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: Long footer may hide content information, e.g. on public upload folders
4 participants