martin/Sykkelaksjon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stop the remove standard activity button from wrapping around and landing right next to the register button

Browse Source
This commit is contained in:
Martin Asprusten 2026-05-22 12:41:20 +02:00
parent 1002e908fa
commit ef7b4bb2bd
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/index.html
View File

@ -57,16 +57,20 @@
<template x-for="activityTemplate in $store.state.data.activityTemplates" :key="activityTemplate.id"> <template x-for="activityTemplate in $store.state.data.activityTemplates" :key="activityTemplate.id">
<p x-data="{ clicked: false }"> <p x-data="{ clicked: false }">
<template x-if="clicked"> <template x-if="clicked">
<div> <div class="registered-grid">
<button disabled="true">Tur registrert!</button> <button disabled="true">Tur registrert!</button>
<span x-text="`${activityTemplate.name}, ${activityTemplate.activityType.name.toLowerCase()}, ${activityTemplate.numberOfUnits} ${activityTemplate.activityType.unit}`" style="color: green; text-shadow: 1px 1px 2px greenyellow;"></span> <span x-text="`${activityTemplate.name}, ${activityTemplate.activityType.name.toLowerCase()}, ${activityTemplate.numberOfUnits} ${activityTemplate.activityType.unit}`" style="color: green; text-shadow: 1px 1px 2px greenyellow;"></span>
</div> </div>
</template> </template>
<template x-if="!clicked"> <template x-if="!clicked">
<div> <div class="registered-grid">
<span>
<button x-on:click="$store.state.registerTemplateActivity(activityTemplate); clicked=true; setTimeout(() => {clicked = false;}, 1000)">Registrer</button> <button x-on:click="$store.state.registerTemplateActivity(activityTemplate); clicked=true; setTimeout(() => {clicked = false;}, 1000)">Registrer</button>
</span>
<span x-text="`${activityTemplate.name}, ${activityTemplate.activityType.name.toLowerCase()}, ${activityTemplate.numberOfUnits} ${activityTemplate.activityType.unit}`"></span> <span x-text="`${activityTemplate.name}, ${activityTemplate.activityType.name.toLowerCase()}, ${activityTemplate.numberOfUnits} ${activityTemplate.activityType.unit}`"></span>
<span>
<button x-on:click="$store.state.deleteTemplateActivity(activityTemplate)">Fjern</button> <button x-on:click="$store.state.deleteTemplateActivity(activityTemplate)">Fjern</button>
</span>
</div> </div>
</template> </template>
</p> </p>

6
client/src/style.css
View File

@ -84,6 +84,12 @@ body {
line-height: 1.8; line-height: 1.8;
} }
.registered-grid {
display: grid;
grid-template-columns: fit-content(90px) auto fit-content(90px);
gap: 5px;
}
.remove-button-cell { .remove-button-cell {
text-align: center; text-align: center;
} }