vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Tabview bar fixes

pull/358/head
cagataycivici 2020-06-26 11:32:46 +03:00
parent 7dd6679849
commit 1f31675942
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/tabmenu/TabMenu.vue
View File

@ -78,7 +78,7 @@ export default {
updateInkBar() { updateInkBar() {
let tabHeader = this.$refs.nav.children[this.findActiveTabIndex()]; let tabHeader = this.$refs.nav.children[this.findActiveTabIndex()];
this.$refs.inkbar.style.width = DomHandler.getWidth(tabHeader) + 'px'; this.$refs.inkbar.style.width = DomHandler.getWidth(tabHeader) + 'px';
this.$refs.inkbar.style.left = tabHeader.offsetLeft + 'px'; this.$refs.inkbar.style.left = DomHandler.getOffset(tabHeader).left - DomHandler.getOffset(this.$refs.nav).left + 'px';
} }
}, },
computed: { computed: {
@ -122,5 +122,6 @@ export default {
.p-tabmenu-ink-bar { .p-tabmenu-ink-bar {
display: none; display: none;
z-index: 1;
} }
</style> </style>

3
src/components/tabview/TabView.vue
View File

@ -86,7 +86,7 @@ export default {
updateInkBar() { updateInkBar() {
let tabHeader = this.$refs.nav.children[this.findActiveTabIndex()]; let tabHeader = this.$refs.nav.children[this.findActiveTabIndex()];
this.$refs.inkbar.style.width = DomHandler.getWidth(tabHeader) + 'px'; this.$refs.inkbar.style.width = DomHandler.getWidth(tabHeader) + 'px';
this.$refs.inkbar.style.left = tabHeader.offsetLeft + 'px'; this.$refs.inkbar.style.left = DomHandler.getOffset(tabHeader).left - DomHandler.getOffset(this.$refs.nav).left + 'px';
} }
}, },
computed: { computed: {
@ -124,6 +124,7 @@ export default {
.p-tabview-ink-bar { .p-tabview-ink-bar {
display: none; display: none;
z-index: 1;
} }
.p-tabview-nav-link:focus { .p-tabview-nav-link:focus {