Merge pull request #22932 from nextcloud/backport/22925/stable20

[stable20] Dashboard: Fix accessibility skip links
This commit is contained in:
Roeland Jago Douma 2020-09-18 11:32:38 +02:00 committed by GitHub
commit 2000e2faa5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 16 additions and 2 deletions

View File

@ -1,3 +1,12 @@
// Suppress "Skip to navigation of app" link since the app does not have a navigation
.skip-navigation:not(.skip-content) {
display: none;
}
// Fix position of "Skip to main content" link since the other link is gone
.skip-navigation.skip-content {
left: 3px;
}
#header {
background: transparent !important;
--color-header: rgba(24, 24, 24, 1);

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -215,6 +215,7 @@ export default {
},
mounted() {
this.updateGlobalStyles()
this.updateSkipLink()
window.addEventListener('scroll', this.handleScroll)
setInterval(() => {
@ -321,6 +322,10 @@ export default {
document.body.classList.remove('dashboard--dark')
}
},
updateSkipLink() {
// Make sure "Skip to main content" link points to the app content
document.getElementsByClassName('skip-navigation')[0].setAttribute('href', '#app-dashboard')
},
updateStatusCheckbox(app, checked) {
if (checked) {
this.enableStatus(app)