Better title adjust logic

This commit is contained in:
syuilo 2020-02-10 04:04:10 +09:00
parent 344fbe6bcd
commit 18628b821e
1 changed files with 10 additions and 5 deletions

View File

@ -257,11 +257,6 @@ export default Vue.extend({
}
});
setInterval(() => {
if (this.showNav) return; // TODO: false
this.$refs.title.style.left = (this.$refs.main.getBoundingClientRect().left - this.$refs.nav.offsetWidth) + 'px';
}, 1000);
// https://stackoverflow.com/questions/33891709/when-flexbox-items-wrap-in-column-mode-container-does-not-grow-its-width
if (this.enableWidgets) {
setInterval(() => {
@ -273,6 +268,16 @@ export default Vue.extend({
}
},
mounted() {
const adjustTitlePosition = () => {
this.$refs.title.style.left = (this.$refs.main.getBoundingClientRect().left - this.$refs.nav.offsetWidth) + 'px';
};
adjustTitlePosition();
window.addEventListener('resize', adjustTitlePosition);
},
methods: {
help() {
this.$router.push('/docs/keyboard-shortcut');