mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-12-12 13:48:28 +09:00
Code

Better title adjust logic

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/client/app.vue
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');