local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

feat: move the url link to the bottom of the items

Browse source
This commit is contained in:
kolaente 2022-09-14 16:31:05 +02:00
parent 224cea33ce
commit 6576b6148c
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 23 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
src/components/sharing/linkSharing.vue
View file

@ -79,7 +79,6 @@
>
<thead>
<tr>
<th>{{ $t('list.share.attributes.link') }}</th>
<th></th>
<th>{{ $t('list.share.links.view') }}</th>
<th>{{ $t('list.share.attributes.delete') }}</th>
@ -88,29 +87,6 @@
<tbody>
<tr :key="s.id" v-for="s in linkShares">
<td>
<div class="field has-addons no-input-mobile">
<div class="control">
<input
:value="getShareLink(s.hash, selectedView[s.id])"
class="input"
readonly
type="text"
/>
</div>
<div class="control">
<x-button
@click="copy(getShareLink(s.hash, selectedView[s.id]))"
:shadow="false"
v-tooltip="$t('misc.copy')"
>
<span class="icon">
<icon icon="paste"/>
</span>
</x-button>
</div>
</div>
</td>
<td class="type">
<p class="mb-2 is-italic" v-if="s.name !== ''">
{{ s.name }}
</p>
@ -121,7 +97,7 @@
</i18n-t>
</p>
<p class="rights-item">
<p class="mb-2">
<template v-if="s.right === RIGHTS.ADMIN">
<span class="icon is-small">
<icon icon="lock"/>
@ -141,6 +117,28 @@
{{ $t('list.share.right.read') }}
</template>
</p>
<div class="field has-addons no-input-mobile">
<div class="control">
<input
:value="getShareLink(s.hash, selectedView[s.id])"
class="input"
readonly
type="text"
/>
</div>
<div class="control">
<x-button
@click="copy(getShareLink(s.hash, selectedView[s.id]))"
:shadow="false"
v-tooltip="$t('misc.copy')"
>
<span class="icon">
<icon icon="paste"/>
</span>
</x-button>
</div>
</div>
</td>
<td>
<div class="select">
@ -299,9 +297,5 @@ function getShareLink(hash: string, view: ListView = LIST_VIEWS.LIST) {
overflow-y: auto
}
.rights-item {
white-space: nowrap;
}
@include modal-transition();
</style>