diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-03-27 11:41:33 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-03-27 11:56:31 +1100 |
| commit | fa1c370b13ca29996f6e5867a86f66f1a37844fb (patch) | |
| tree | 1ae9ecd072bbcf32fe603731a41df8e78e8be0af /src/components | |
| parent | 083b96a5040ccc71d2c0fc13e374d19ad2454161 (diff) | |
Prevent overflow during tile collapse/expand
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/HelpModal.vue | 2 | ||||
| -rw-r--r-- | src/components/Settings.vue | 3 | ||||
| -rw-r--r-- | src/components/TileInfoModal.vue | 2 | ||||
| -rw-r--r-- | src/components/TileTree.vue | 1 |
4 files changed, 5 insertions, 3 deletions
diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue index 3fb68ab..f56807c 100644 --- a/src/components/HelpModal.vue +++ b/src/components/HelpModal.vue @@ -7,7 +7,7 @@ export default defineComponent({ }, methods: { closeClicked(evt: Event){ - if (evt.target == this.$el || this.$refs.closeIcon.contains(evt.target)){ + if (evt.target == this.$el || (this.$refs.closeIcon as HTMLElement).contains(evt.target as HTMLElement)){ this.$emit('help-modal-close'); } }, diff --git a/src/components/Settings.vue b/src/components/Settings.vue index 2b8cd35..008632e 100644 --- a/src/components/Settings.vue +++ b/src/components/Settings.vue @@ -9,7 +9,8 @@ export default defineComponent({ }, methods: { closeClicked(evt: Event){ - if (evt.target == this.$el || evt.target == this.$refs.closeIcon){ + console.log(evt.target) + if (evt.target == this.$el || (this.$refs.closeIcon as HTMLElement).contains(evt.target as HTMLElement)){ this.$emit('settings-close'); } }, diff --git a/src/components/TileInfoModal.vue b/src/components/TileInfoModal.vue index b1d8fe4..297484b 100644 --- a/src/components/TileInfoModal.vue +++ b/src/components/TileInfoModal.vue @@ -20,7 +20,7 @@ export default defineComponent({ }, methods: { closeClicked(evt: Event){ - if (evt.target == this.$el || this.$refs.closeIcon.contains(evt.target)){ + if (evt.target == this.$el || (this.$refs.closeIcon as HTMLElement).contains(evt.target as HTMLElement)){ this.$emit('info-modal-close'); } }, diff --git a/src/components/TileTree.vue b/src/components/TileTree.vue index af3965e..c0e4197 100644 --- a/src/components/TileTree.vue +++ b/src/components/TileTree.vue @@ -165,6 +165,7 @@ export default defineComponent({ width: '100vw', // Making this dynamic causes white flashes when resizing height: '100vh', backgroundColor: '#292524', + overflow: 'hidden', }; }, }, |