diff options
author | Dixsie Wolmers <dixsie@ibm.com> | 2021-05-21 03:01:42 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2021-06-09 15:18:01 +0300 |
commit | dc6b3cde1a064e55560798a94deaba14247bcae4 (patch) | |
tree | fa689d3c23867ef8734d670109bceb67bf8370f0 /src/layouts/AppLayout.vue | |
parent | 27d68affdeaba25f011aef52ccbe56506e63d92c (diff) | |
download | webui-vue-dc6b3cde1a064e55560798a94deaba14247bcae4.tar.xz |
Add quicklinks to hardware status page
- Renames SetFocusMixin to JumpLinkMixin to better describe what the
mixin is for: jump links like quick links and skip to main content
- Adds scrollToOffset method to JumpLinkMixin methods to scroll to
selected page elements
- Scroll offset is required to show table header below the nav header
- Setting focus is required for accessibility
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I500a2d70727c5a78aeae4a6193ba22a38e4f0b6f
Diffstat (limited to 'src/layouts/AppLayout.vue')
-rw-r--r-- | src/layouts/AppLayout.vue | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/layouts/AppLayout.vue b/src/layouts/AppLayout.vue index d5b4c3df..41b2e443 100644 --- a/src/layouts/AppLayout.vue +++ b/src/layouts/AppLayout.vue @@ -15,7 +15,7 @@ import AppHeader from '@/components/AppHeader'; import AppNavigation from '@/components/AppNavigation'; import PageContainer from '@/components/Global/PageContainer'; import ButtonBackToTop from '@/components/Global/ButtonBackToTop'; -import SetFocusMixin from '@/components/Mixins/SetFocusMixin'; +import JumpLinkMixin from '@/components/Mixins/JumpLinkMixin'; export default { name: 'App', @@ -25,7 +25,7 @@ export default { PageContainer, ButtonBackToTop, }, - mixins: [SetFocusMixin], + mixins: [JumpLinkMixin], data() { return { routerKey: 0, |