-
-
Notifications
You must be signed in to change notification settings - Fork 4.1k
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
Conversation
Signed-off-by: Christopher Ng <[email protected]>
Signed-off-by: Christopher Ng <[email protected]>
989aa49
to
d43ec7d
Compare
/compile / |
Signed-off-by: nextcloud-command <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
looks very clean!
#content { | ||
min-height: var(--body-height, calc(100% - var(--footer-height))); | ||
padding-block-end: var(--footer-height); | ||
} | ||
|
||
#app-content-vue { |
There was a problem hiding this comment.
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.
/backport to stable30 |
/backport to stable29 |
/backport to stable28 |
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
Checklist