zhengchen.tao/ezbookkeeping
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

hide control buttons when loading

Browse Source
This commit is contained in:
MaysWind
2023-08-14 23:12:35 +08:00
parent 94283a8da2
commit 50ee5d1f49
4 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/desktop/ExchangeRatesPage.vue
+2 -1
View File
@@ -106,8 +106,9 @@
<span class="text-sm">{{ exchangeRate.currencyDisplayName }}</span>
<span class="text-caption ml-1">{{ exchangeRate.currencyCode }}</span>
<v-spacer/>
<v-btn class="hover-display px-2 ml-2 mr-3" color="default"
<v-btn class="px-2 ml-2 mr-3" color="default"
density="comfortable" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
@click="setAsBaseline(exchangeRate.currencyCode, exchangeRate)">
{{ $t('Set As Baseline') }}
</v-btn>
src/views/desktop/accounts/ListPage.vue
+6 -3
View File
@@ -173,20 +173,23 @@
:to="`/transaction/list?accountId=${accountOrSubAccountId(element)}`">
{{ $t('Transaction List') }}
</v-btn>
<v-btn class="hover-display px-2 ml-1" density="comfortable" color="default" variant="text"
<v-btn class="px-2 ml-1" density="comfortable" color="default" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:disabled="loading"
:prepend-icon="element.hidden ? icons.show : icons.hide"
v-if="!activeSubAccount[element.id]"
@click="hide(element, !element.hidden)">
{{ element.hidden ? $t('Show') : $t('Hide') }}
</v-btn>
<v-btn class="hover-display px-2 ml-1" density="comfortable" color="default" variant="text"
<v-btn class="px-2 ml-1" density="comfortable" color="default" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:disabled="loading" :prepend-icon="icons.edit"
v-if="!activeSubAccount[element.id]"
@click="edit(element)">
{{ $t('Edit') }}
</v-btn>
<v-btn class="hover-display px-2 ml-1" density="comfortable" color="default" variant="text"
<v-btn class="px-2 ml-1" density="comfortable" color="default" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:disabled="loading" :prepend-icon="icons.remove"
v-if="!activeSubAccount[element.id]"
@click="remove(element)">
src/views/desktop/categories/ListPage.vue
+6 -3
View File
@@ -130,23 +130,26 @@
<v-spacer/>
<v-btn class="hover-display px-2 ml-2" color="default"
<v-btn class="px-2 ml-2" color="default"
density="comfortable" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:prepend-icon="element.hidden ? icons.show : icons.hide"
:loading="categoryHiding[element.id]"
:disabled="loading || updating"
@click="hide(element, !element.hidden)">
{{ element.hidden ? $t('Show') : $t('Hide') }}
</v-btn>
<v-btn class="hover-display px-2" color="default"
<v-btn class="px-2" color="default"
density="comfortable" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:prepend-icon="icons.edit"
:disabled="loading || updating"
@click="edit(element)">
{{ $t('Edit') }}
</v-btn>
<v-btn class="hover-display px-2" color="default"
<v-btn class="px-2" color="default"
density="comfortable" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:prepend-icon="icons.remove"
:loading="categoryRemoving[element.id]"
:disabled="loading || updating"
src/views/desktop/tags/ListPage.vue
+6 -3
View File
@@ -104,8 +104,9 @@
<v-spacer/>
<v-btn class="hover-display px-2 ml-2" color="default"
<v-btn class="px-2 ml-2" color="default"
density="comfortable" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:prepend-icon="element.hidden ? icons.show : icons.hide"
:loading="tagHiding[element.id]"
:disabled="loading || updating"
@@ -113,8 +114,9 @@
@click="hide(element, !element.hidden)">
{{ element.hidden ? $t('Show') : $t('Hide') }}
</v-btn>
<v-btn class="hover-display px-2" color="default"
<v-btn class="px-2" color="default"
density="comfortable" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:prepend-icon="icons.edit"
:loading="tagUpdating[element.id]"
:disabled="loading || updating"
@@ -122,8 +124,9 @@
@click="edit(element)">
{{ $t('Edit') }}
</v-btn>
<v-btn class="hover-display px-2" color="default"
<v-btn class="px-2" color="default"
density="comfortable" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:prepend-icon="icons.remove"
:loading="tagRemoving[element.id]"
:disabled="loading || updating"