Disable copy/reset actions when move queue is empty
This commit is contained in:
@@ -119,15 +119,17 @@ onUnmounted(() => {
|
|||||||
<div class="moves-actions">
|
<div class="moves-actions">
|
||||||
<button class="queue-action" @click="openAddModal">add</button>
|
<button class="queue-action" @click="openAddModal">add</button>
|
||||||
<button
|
<button
|
||||||
v-if="hasMoves"
|
|
||||||
class="queue-action"
|
class="queue-action"
|
||||||
|
:class="{ 'queue-action-disabled': !hasMoves }"
|
||||||
|
:disabled="!hasMoves"
|
||||||
@click="copyQueueToClipboard"
|
@click="copyQueueToClipboard"
|
||||||
>
|
>
|
||||||
copy
|
copy
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
v-if="hasMoves"
|
|
||||||
class="queue-action"
|
class="queue-action"
|
||||||
|
:class="{ 'queue-action-disabled': !hasMoves }"
|
||||||
|
:disabled="!hasMoves"
|
||||||
@click="resetQueue"
|
@click="resetQueue"
|
||||||
>
|
>
|
||||||
reset
|
reset
|
||||||
@@ -202,6 +204,12 @@ onUnmounted(() => {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.queue-action-disabled {
|
||||||
|
opacity: 0.35;
|
||||||
|
cursor: default;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
.moves-history::after {
|
.moves-history::after {
|
||||||
content: none;
|
content: none;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user