mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

update tabs on resize

Browse source
This commit is contained in:
Mutasem 2022-03-31 20:59:23 +02:00
parent 172bb82f30
commit d81a8df14e
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
packages/design-system/src/components/N8nTabs/Tabs.vue
View file

@ -49,15 +49,26 @@ export default Vue.extend({
this.canScrollRight = scrollWidth - width > this.scrollPosition; this.canScrollRight = scrollWidth - width > this.scrollPosition;
}); });
this.resizeObserver = new ResizeObserver(() => {
const width = container.clientWidth;
const scrollWidth = container.scrollWidth;
this.canScrollRight = scrollWidth - width > this.scrollPosition;
});
this.resizeObserver.observe(container);
const width = container.clientWidth; const width = container.clientWidth;
const scrollWidth = container.scrollWidth; const scrollWidth = container.scrollWidth;
this.canScrollRight = scrollWidth - width > this.scrollPosition; this.canScrollRight = scrollWidth - width > this.scrollPosition;
} }
}, },
destroyed() {
this.resizeObserver.disconnect();
},
data() { data() {
return { return {
scrollPosition: 0, scrollPosition: 0,
canScrollRight: false, canScrollRight: false,
resizeObserver: null,
}; };
}, },
props: { props: {