graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-27 18:23:08 +02:00
Code Issues Projects Releases Packages Wiki Activity

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 // https://stackoverflow.com/questions/33891709/when-flexbox-items-wrap-in-column-mode-container-does-not-grow-its-width
if (this.enableWidgets) { if (this.enableWidgets) {
setInterval(() => { 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: { methods: {
help() { help() {
this.$router.push('/docs/keyboard-shortcut'); this.$router.push('/docs/keyboard-shortcut');