diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-06-24 15:30:37 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-06-24 15:30:37 +1000 |
| commit | e034e2ea9e74cf6f01ea4f978a3fb61e019c7d4b (patch) | |
| tree | 17bc16f040d5643046181bfdf6ada09c7519ed1b /src/components/Tile.vue | |
| parent | e3247212baaaee292d5710d9e062c64b64f14edc (diff) | |
Hide buttons and info-icons during parts of tutorial
Diffstat (limited to 'src/components/Tile.vue')
| -rw-r--r-- | src/components/Tile.vue | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/src/components/Tile.vue b/src/components/Tile.vue index c0a9ca0..33eb62f 100644 --- a/src/components/Tile.vue +++ b/src/components/Tile.vue @@ -483,7 +483,7 @@ export default defineComponent({ @mouseenter="onMouseEnter" @mouseleave="onMouseLeave" @mousedown="onMouseDown" @mouseup="onMouseUp"> <template v-if="!hasCompoundImage"> <h1 :style="leafHeaderStyles">{{displayName}}</h1> - <info-icon :style="infoIconStyles" + <info-icon v-if="!uiOpts.disabledActions.has('tileInfo')" :style="infoIconStyles" class="text-white/10 hover:text-white hover:cursor-pointer" @click.stop="onInfoIconClick" @mousedown.stop @mouseup.stop/> </template> @@ -491,7 +491,7 @@ export default defineComponent({ <div :style="leafFirstImgStyles" class="col-start-1 row-start-1"></div> <div :style="leafSecondImgStyles" class="col-start-1 row-start-1"></div> <h1 :style="leafHeaderStyles" class="col-start-1 row-start-1 z-10">{{displayName}}</h1> - <info-icon :style="infoIconStyles" + <info-icon v-if="!uiOpts.disabledActions.has('tileInfo')" :style="infoIconStyles" class="col-start-1 row-start-1 z-10 text-white/10 hover:text-white hover:cursor-pointer" @click.stop="onInfoIconClick" @mousedown.stop @mouseup.stop/> </template> @@ -500,7 +500,8 @@ export default defineComponent({ <div v-if="showNonleafHeader" :style="nonleafHeaderStyles" class="flex hover:cursor-pointer" @mouseenter="onMouseEnter" @mouseleave="onMouseLeave" @mousedown="onMouseDown" @mouseup="onMouseUp"> <h1 :style="nonleafHeaderTextStyles" class="grow">{{displayName}}</h1> - <info-icon :style="infoIconStyles" class="text-white/10 hover:text-white hover:cursor-pointer" + <info-icon v-if="!uiOpts.disabledActions.has('tileInfo')" + :style="infoIconStyles" class="text-white/10 hover:text-white hover:cursor-pointer" @click.stop="onInfoIconClick" @mousedown.stop @mouseup.stop/> </div> <div :style="sepSweptAreaStyles" ref="sepSweptArea" :class="sepSweptAreaHideEdgeClass"> @@ -508,7 +509,8 @@ export default defineComponent({ :style="nonleafHeaderStyles" class="flex hover:cursor-pointer" @mouseenter="onMouseEnter" @mouseleave="onMouseLeave" @mousedown="onMouseDown" @mouseup="onMouseUp"> <h1 :style="nonleafHeaderTextStyles" class="grow">{{displayName}}</h1> - <info-icon :style="infoIconStyles" class="text-white/10 hover:text-white hover:cursor-pointer" + <info-icon v-if="!uiOpts.disabledActions.has('tileInfo')" + :style="infoIconStyles" class="text-white/10 hover:text-white hover:cursor-pointer" @click.stop="onInfoIconClick" @mousedown.stop @mouseup.stop/> </div> <transition name="fadein"> |