Update share modal

This commit is contained in:
Tom Hubrecht 2022-07-28 14:39:51 +02:00
parent 36723000b0
commit 9bc5e860ea

View file

@ -1,5 +1,13 @@
<script>
import { Modal, ModalHeader, ModalBody, ModalFooter, Icon, Toast } from 'sveltestrap';
import {
Button,
Modal,
ModalHeader,
ModalBody,
ModalFooter,
Icon,
Toast
} from 'sveltestrap';
export let calendar = null;
export let selectedCalendars = [];
@ -74,16 +82,18 @@
<ModalBody>
<p>La vue actuelle du calendrier peut être partagée avec l'URL suivante :</p>
<a id="share-url" on:click={doShare}>{share}</a>
<a id="share-url">{share}</a>
</ModalBody>
<ModalFooter>
<span on:click={toggleBinary} class="flex-grow-1" title="Partager en base64">
<span on:click={toggleBinary} class="share-egg" title="Partager en base64">
<Icon name={shareDataIcon} class="fs-5" />
</span>
<Icon name="balloon-heart" class="text-danger fs-5" />
<span class="fs-7">Propulsé par le Club Réseau de l'ENS</span>
<Button size="sm" color="primary" on:click={doShare}>
<Icon name="clipboard2-heart" />
<span class="ms-1">Copier</span>
</Button>
</ModalFooter>
</Modal>
@ -95,9 +105,15 @@
cursor: pointer;
}
.share-egg {
position: absolute;
cursor: pointer;
left: 1em;
}
#share-url {
max-width: 100%;
display: block;
display: inline-block;
overflow-wrap: break-word;
cursor: pointer;
user-select: all;