Merge pull request #22932 from nextcloud/backport/22925/stable20
[stable20] Dashboard: Fix accessibility skip links
This commit is contained in:
commit
2000e2faa5
|
@ -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
|
@ -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)
|
||||
|
|
Loading…
Reference in New Issue