disable close participation button when is closed

This commit is contained in:
Mathieu Jaumotte 2021-05-08 11:20:53 +02:00
parent a85f170e2d
commit 54eb15ea35
2 changed files with 13 additions and 3 deletions

View File

@ -39,8 +39,17 @@ div.subheader {
height: 130px; height: 130px;
} }
//// VUEJS //// //// SCRATCH BUTTONS
.sc-button {
&.disabled {
cursor: default;
&.bt-remove {
background-color: #d9d9d9;
}
}
}
//// VUEJS ////
div.vue-component { div.vue-component {
padding: 1.5em; padding: 1.5em;
margin: 2em 0; margin: 2em 0;
@ -146,7 +155,6 @@ div.results {
} }
} }
} }
.discret { .discret {
color: grey; color: grey;
margin-right: 1em; margin-right: 1em;

View File

@ -29,10 +29,12 @@
</button> </button>
</li--> </li-->
<li> <li>
<button class="sc-button bt-remove" <button v-if="!participation.endDate"
class="sc-button bt-remove"
:title="$t('action.remove')" :title="$t('action.remove')"
@click.prevent="$emit('close', participation)"> @click.prevent="$emit('close', participation)">
</button> </button>
<button v-else class="sc-button bt-remove disabled"></button>
</li> </li>
</ul> </ul>
</td> </td>