MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-05-01 04:33:46 +02:00
Code Issues Packages Projects Releases Wiki Activity

add NativeTooltip component

Browse Source
This commit is contained in:
pa
2025-12-20 21:06:29 +09:00
committed by Natsumi
parent ce035aee6f
commit dff3f17c9a
8 changed files with 559 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/Feed/Feed.vue
View File

@@ -2,9 +2,13 @@
<div class="x-container feed">
<div style="margin: 0 0 10px; display: flex; align-items: center">
<div style="flex: none; margin-right: 10px; display: flex; align-items: center">
<el-tooltip placement="bottom" :content="t('view.feed.favorites_only_tooltip')">
<NativeTooltip
placement="bottom"
:content="t('view.feed.favorites_only_tooltip')"
:enter-ms="140"
:exit-ms="120">
<el-switch v-model="feedTable.vip" active-color="#13ce66" @change="feedTableLookup"></el-switch>
</el-tooltip>
</NativeTooltip>
</div>
<el-select
v-model="feedTable.filter"
@@ -130,12 +134,12 @@
<el-table-column :label="t('table.feed.date')" prop="created_at" :sortable="true" width="130">
<template #default="scope">
<el-tooltip placement="right">
<NativeTooltip placement="right">
<template #content>
<span>{{ formatDateFilter(scope.row.created_at, 'long') }}</span>
</template>
<span>{{ formatDateFilter(scope.row.created_at, 'short') }}</span>
</el-tooltip>
</NativeTooltip>
</template>
</el-table-column>

12
src/views/GameLog/GameLog.vue
View File

@@ -2,12 +2,12 @@
<div class="x-container">
<div style="margin: 0 0 10px; display: flex; align-items: center">
<div style="flex: none; margin-right: 10px; display: flex; align-items: center">
<el-tooltip placement="bottom" :content="t('view.feed.favorites_only_tooltip')">
<NativeTooltip placement="bottom" :content="t('view.feed.favorites_only_tooltip')">
<el-switch
v-model="gameLogTable.vip"
active-color="#13ce66"
@change="gameLogTableLookup"></el-switch>
</el-tooltip>
</NativeTooltip>
</div>
<el-select
v-model="gameLogTable.filter"
@@ -43,12 +43,12 @@
<DataTable v-loading="gameLogTable.loading" v-bind="gameLogTable">
<el-table-column :label="t('table.gameLog.date')" prop="created_at" :sortable="true" width="130">
<template #default="scope">
<el-tooltip placement="right">
<NativeTooltip placement="right">
<template #content>
<span>{{ formatDateFilter(scope.row.created_at, 'long') }}</span>
</template>
<span>{{ formatDateFilter(scope.row.created_at, 'short') }}</span>
</el-tooltip>
</NativeTooltip>
</template>
</el-table-column>
@@ -166,7 +166,7 @@
class="small-button"
@click="deleteGameLogEntryPrompt(scope.row)"></el-button>
</template>
<el-tooltip placement="top" :content="t('dialog.previous_instances.info')">
<NativeTooltip placement="top" :content="t('dialog.previous_instances.info')">
<el-button
v-if="scope.row.type === 'Location'"
text
@@ -174,7 +174,7 @@
size="small"
class="small-button"
@click="showPreviousInstancesInfoDialog(scope.row.location)"></el-button>
</el-tooltip>
</NativeTooltip>
</template>
</el-table-column>
</DataTable>

4
src/views/Sidebar/Sidebar.vue
View File

@@ -41,7 +41,7 @@
</el-option>
</el-select>
<div>
<el-tooltip placement="bottom" :content="t('side_panel.refresh_tooltip')">
<NativeTooltip placement="bottom" :content="t('side_panel.refresh_tooltip')">
<el-button
type="default"
:loading="isRefreshFriendsLoading"
@@ -50,7 +50,7 @@
circle
style="margin-right: 10px"
@click="refreshFriendsList"></el-button>
</el-tooltip>
</NativeTooltip>
</div>
</div>
<el-tabs class="zero-margin-tabs" stretch style="height: calc(100% - 60px); margin-top: 5px">