edit_status_modal.vue
No OneTemporary
Actions

Size

938 B

Referenced Files

None

Subscribers

None

edit_status_modal.vue
View Options

	<template>
	<Modal
	v-if="isFormVisible"
	class="edit-form-modal-view"
	@backdropClicked="closeModal"
	>
	<div class="edit-form-modal-panel panel">
	<div class="panel-heading">
	{{ $t('post_status.edit_status') }}
	</div>
	<PostStatusForm
	class="panel-body"
	v-bind="params"
	:post-handler="doEditStatus"
	:disable-polls="true"
	:disable-visibility-selector="true"
	@posted="closeModal"
	/>
	</div>
	</Modal>
	</template>

	<script src="./edit_status_modal.js"></script>

	<style lang="scss">
	.modal-view.edit-form-modal-view {
	align-items: flex-start;
	}

	.edit-form-modal-panel {
	flex-shrink: 0;
	margin-top: 25%;
	margin-bottom: 2em;
	width: 100%;
	max-width: 700px;

	@media (orientation: landscape) {
	margin-top: 8%;
	}

	.form-bottom-left {
	max-width: 6.5em;

	.emoji-icon {
	justify-content: right;
	}
	}
	}
	</style>