potsda.mn/mobilizon
10
4
Fork 1
Code Issues 22 Pull requests 1 Projects Releases Wiki Activity

The validation button area no longer causes the event page to scroll in mobile view

Browse source
This commit is contained in:
Massedil 2024-10-11 14:25:56 +02:00
parent 4d9d6b02b6
commit 3401a7dd85
1 changed files with 28 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
src/views/Event/EditView.vue
View file

@ -540,40 +540,43 @@
v-if="hasCurrentActorPermissionsToEdit" v-if="hasCurrentActorPermissionsToEdit"
> >
<div class="container mx-auto"> <div class="container mx-auto">
<div class="flex justify-between items-center"> <div class="lg:flex lg:justify-between lg:items-center lg:flex-wrap">
<span class="dark:text-gray-900" v-if="isEventModified"> <div
class="text-red-900 text-center w-full margin m-1 lg:m-0 lg:w-auto lg:text-left"
v-if="isEventModified"
>
{{ t("Unsaved changes") }} {{ t("Unsaved changes") }}
</span> </div>
<div class="flex flex-wrap gap-3 items-center justify-end"> <div class="flex flex-wrap gap-3 items-center justify-end">
<o-button <o-button
expanded
variant="text" variant="text"
@click="confirmGoBack" @click="confirmGoBack"
class="dark:!text-black ml-auto" class="dark:!text-black ml-auto"
>{{ t("Cancel") }}</o-button >{{ t("Cancel") }}</o-button
> >
<!-- If an event has been published we can't make it draft anymore --> <!-- If an event has been published we can't make it draft anymore -->
<span class="" v-if="event.draft === true"> <o-button
<o-button v-if="event.draft === true"
variant="primary" expanded
class="!text-black hover:!text-white" variant="primary"
outlined class="!text-black hover:!text-white"
@click="createOrUpdateDraft" outlined
:disabled="saving" @click="createOrUpdateDraft"
>{{ t("Save draft") }}</o-button :disabled="saving"
> >{{ t("Save draft") }}</o-button
</span> >
<span class="ml-auto"> <o-button
<o-button expanded
variant="primary" variant="primary"
:disabled="saving" :disabled="saving"
@click="createOrUpdatePublish" @click="createOrUpdatePublish"
@keyup.enter="createOrUpdatePublish" @keyup.enter="createOrUpdatePublish"
> >
<span v-if="isUpdate === false">{{ t("Create my event") }}</span> <span v-if="isUpdate === false">{{ t("Create my event") }}</span>
<span v-else-if="event.draft === true">{{ t("Publish") }}</span> <span v-else-if="event.draft === true">{{ t("Publish") }}</span>
<span v-else>{{ t("Update my event") }}</span> <span v-else>{{ t("Update my event") }}</span>
</o-button> </o-button>
</span>
</div> </div>
</div> </div>
</div> </div>