diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-03-28 21:40:13 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-03-28 21:41:47 +1100 |
| commit | 304274b1380f955b6e1913428f6dbbc9efcf0bcf (patch) | |
| tree | 66f7fdf8b59becba06d5f230eb4ba9849378e220 /src/components | |
| parent | 50e1e7ae48daf04323093a438aff2d55ff20193d (diff) | |
Add info-icon to non-leaf tiles
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Tile.vue | 23 |
1 files changed, 15 insertions, 8 deletions
diff --git a/src/components/Tile.vue b/src/components/Tile.vue index 26ece88..9e10615 100644 --- a/src/components/Tile.vue +++ b/src/components/Tile.vue @@ -263,23 +263,30 @@ export default defineComponent({ <info-icon class="w-[18px] h-[18px] mt-auto mb-[2px] mr-[2px] self-end text-white/30 hover:text-white hover:cursor-pointer" - @mouseenter="onInfoMouseEnter" @mouseleave="onInfoMouseLeave" @click.stop="onInfoClick" @mousedown.stop @mouseup.stop/> </div> <div v-else :style="nonLeafStyles" ref="nonLeaf"> - <h1 v-if="showHeader" :style="nonLeafHeaderStyles" class="hover:cursor-pointer" + <div v-if="showHeader" :style="nonLeafHeaderStyles" class="flex hover:cursor-pointer" @mouseenter="onMouseEnter" @mouseleave="onMouseLeave" @mousedown="onMouseDown" @mouseup="onMouseUp"> - {{layoutNode.tolNode.name}} - </h1> + <h1 class="grow">{{layoutNode.tolNode.name}}</h1> + <info-icon + class="w-[18px] h-[18px] mr-[2px] + text-white/20 hover:text-white hover:cursor-pointer" + @click.stop="onInfoClick" @mousedown.stop @mouseup.stop/> + </div> <div :style="sepSweptAreaStyles" ref="sepSweptArea" :class="layoutNode?.sepSweptArea?.sweptLeft ? 'hide-right-edge' : 'hide-top-edge'"> - <h1 v-if="layoutNode?.sepSweptArea?.sweptLeft === false" - :style="nonLeafHeaderStyles" class="hover:cursor-pointer" + <div v-if="layoutNode?.sepSweptArea?.sweptLeft === false" + :style="nonLeafHeaderStyles" class="flex hover:cursor-pointer" @mouseenter="onMouseEnter" @mouseleave="onMouseLeave" @mousedown="onMouseDown" @mouseup="onMouseUp"> - {{layoutNode.tolNode.name}} - </h1> + <h1 class="grow">{{layoutNode.tolNode.name}}</h1> + <info-icon + class="w-[18px] h-[18px] mr-[2px] + text-white/20 hover:text-white hover:cursor-pointer" + @click.stop="onInfoClick" @mousedown.stop @mouseup.stop/> + </div> </div> <tile v-for="child in layoutNode.children" :key="child.tolNode.name" :layoutNode="child" :lytOpts="lytOpts" :uiOpts="uiOpts" |