diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-03-24 18:12:01 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-03-24 18:12:01 +1100 |
| commit | c97a60b2c013d4726d4269e648f7a95afee4aeb8 (patch) | |
| tree | b6b387d794a154e8b829a1a48a5a5f6c426f64ef /src/components/TileImg.vue | |
| parent | 39792d870ed213b45b43d2cc38cf78f6ae94b137 (diff) | |
Recognise click-and-hold instead of double-click
Diffstat (limited to 'src/components/TileImg.vue')
| -rw-r--r-- | src/components/TileImg.vue | 8 |
1 files changed, 3 insertions, 5 deletions
diff --git a/src/components/TileImg.vue b/src/components/TileImg.vue index 2445f98..7e44f2a 100644 --- a/src/components/TileImg.vue +++ b/src/components/TileImg.vue @@ -74,10 +74,8 @@ export default defineComponent({ this.highlight = false; } }, - onClick(evt: Event){ - if (this.isExpandable){ - this.highlight = false; - } + onMouseDown(evt: Event){ + this.highlight = false; }, onInfoMouseEnter(evt: Event){ this.infoMouseOver = true; @@ -94,7 +92,7 @@ export default defineComponent({ </script> <template> -<div :style="styles" @mouseenter="onMouseEnter" @mouseleave="onMouseLeave" @click="onClick" +<div :style="styles" @mouseenter="onMouseEnter" @mouseleave="onMouseLeave" @mousedown="onMouseDown" :class="isExpandable ? ['hover:cursor-pointer'] : []"> <h1 :style="headerStyles">{{layoutNode.tolNode.name}}</h1> <svg :style="infoIconStyles" class="hover:cursor-pointer" |