profectus/Profectus
Template
1
0
Fork 4
Code Issues 38 Pull requests 6 Projects 2 Releases Packages Wiki Activity Actions

Made tooltips not try to use component names when coercing display

Browse source
This commit is contained in:
thepaperpilot 2021-09-19 19:29:20 -05:00
parent c414fdf451
commit 16467bb0d9
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/system/Nav.vue
View file

@ -28,7 +28,7 @@
</ul> </ul>
</div> </div>
<div @click="openDialog('Info')"> <div @click="openDialog('Info')">
<tooltip display="<span>Info</span>" bottom class="info"> <tooltip display="Info" bottom class="info">
<span class="material-icons">info</span> <span class="material-icons">info</span>
</tooltip> </tooltip>
</div> </div>
@ -38,14 +38,14 @@
</tooltip> </tooltip>
</div> </div>
<div @click="openDialog('Options')"> <div @click="openDialog('Options')">
<tooltip display="<span>Options</span>" bottom class="options" xoffset="-70px"> <tooltip display="Options" bottom class="options" xoffset="-70px">
<span class="material-icons">settings</span> <span class="material-icons">settings</span>
</tooltip> </tooltip>
</div> </div>
</div> </div>
<div v-else class="overlay-nav" v-bind="$attrs"> <div v-else class="overlay-nav" v-bind="$attrs">
<div @click="openDialog('Changelog')" class="version-container"> <div @click="openDialog('Changelog')" class="version-container">
<tooltip display="<span>Changelog</span>" right xoffset="25%" class="version" <tooltip display="Changelog" right xoffset="25%" class="version"
><span>v{{ version }}</span></tooltip ><span>v{{ version }}</span></tooltip
> >
</div> </div>
@ -55,12 +55,12 @@
> >
</div> </div>
<div @click="openDialog('Options')"> <div @click="openDialog('Options')">
<tooltip display="<span>Options</span>" right class="options"> <tooltip display="Options" right class="options">
<span class="material-icons">settings</span> <span class="material-icons">settings</span>
</tooltip> </tooltip>
</div> </div>
<div @click="openDialog('Info')"> <div @click="openDialog('Info')">
<tooltip display="<span>Info</span>" right class="info"> <tooltip display="Info" right class="info">
<span class="material-icons">info</span> <span class="material-icons">info</span>
</tooltip> </tooltip>
</div> </div>

2
src/components/system/Tooltip.vue
View file

@ -49,7 +49,7 @@ export default defineComponent({
}, },
computed: { computed: {
tooltipDisplay(): Component | string { tooltipDisplay(): Component | string {
return coerceComponent(this.display); return coerceComponent(this.display, "span", false);
}, },
shown(): boolean { shown(): boolean {
return this.force || this.hover; return this.force || this.hover;