luisgulo/photoprism
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Frontend: Fix links in photo list view

Browse source 
Signed-off-by: Michael Mayer <michael@liquidbytes.net>
This commit is contained in:
Michael Mayer 2020-04-07 02:04:15 +02:00
parent 607badf279
commit 924eeac55c
3 changed files with 18 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/component/p-photo-details.vue
View file

@ -63,7 +63,7 @@
</v-btn>
</v-img>
<v-card-title primary-title class="pa-3 p-photo-details-desc">
<v-card-title primary-title class="pa-3 p-photo-desc">
<div>
<h3 class="body-2 mb-2" :title="photo.PhotoTitle">
<button @click.exact="editPhoto(index)">

20
frontend/src/component/p-photo-list.vue
View file

@ -18,8 +18,12 @@
<v-icon v-else-if="!$clipboard.has(props.item)" color="accent lighten-4">radio_button_off</v-icon>
</v-btn>
</td>
<td @click="editPhoto(props.index)" class="p-pointer">{{ props.item.PhotoTitle }}</td>
<td class="hidden-xs-only">
<td class="p-photo-desc">
<button @click.stop.prevent="openPhoto(props.index)">
{{ props.item.PhotoTitle }}
</button>
</td>
<td class="hidden-xs-only p-photo-desc">
<button v-if="props.item.LocationID" @click.stop.prevent="openLocation(props.index)">
{{ props.item.getLocation() }}
</button>
@ -27,8 +31,16 @@
{{ props.item.getLocation() }}
</span>
</td>
<td class="hidden-sm-and-down">{{ props.item.CameraMake }} {{ props.item.CameraModel }}</td>
<td :title="props.item.TakenAt | luxon:format('dd/MM/yyyy HH:mm:ss')">{{ props.item.TakenAt | luxon:locale }}</td>
<td class="hidden-sm-and-down p-photo-desc">
<button @click.stop.prevent="editPhoto(props.index)">
{{ props.item.CameraMake }} {{ props.item.CameraModel }}
</button>
</td>
<td :title="props.item.TakenAt | luxon:format('dd/MM/yyyy HH:mm:ss')" class="p-photo-desc">
<button @click.stop.prevent="editPhoto(props.index)">
{{ props.item.TakenAt | luxon:locale }}
</button>
</td>
<td><v-btn icon small flat :ripple="false"
class="p-photo-like"
@click.stop.prevent="props.item.toggleLike()">

2
frontend/src/css/photos.css
View file

@ -38,6 +38,6 @@
background-color: rgba(100,100,100,0.5) !important;
}
#photoprism .p-photo-details-desc button {
#photoprism .p-photo-desc button {
text-align: left;
}