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

Sharing: UX improvements #18

Browse source 
Signed-off-by: Michael Mayer <michael@liquidbytes.net>
This commit is contained in:
Michael Mayer 2020-06-23 09:42:24 +02:00
parent 71d808982c
commit 2effaafd3a
3 changed files with 29 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/css/app.css
View file

@ -84,6 +84,11 @@ main {
color: #333333;
}
#photoprism .text-link {
text-decoration: none;
color: #333333;
}
#photoprism main .p-inline-edit a,
#photoprism main .p-inline-edit a span {
cursor: text;

28
frontend/src/pages/albums.vue
View file

@ -133,7 +133,7 @@
</v-img>
<v-card-actions primary-title class="pl-3 pr-2 pb-1" style="user-select: none;"
@click.stop.prevent="">
@click.stop.prevent="">
<v-edit-dialog
:return-value.sync="album.Title"
lazy
@ -168,11 +168,29 @@
</v-btn>
</v-card-actions>
<v-card-text v-if="album.Description" class="pl-3 pr-3 pt-0 pb-3 p-album-desc">
<div class="caption" title="Description" v-if="album.Description">
<v-card-text class="pl-3 pr-3 pt-0 pb-3 p-album-desc" v-if="album.Description">
<div class="caption" title="Description">
{{ album.Description }}
</div>
</v-card-text>
<v-card-text class="pl-3 pr-3 pt-0 pb-3 p-album-desc"
v-else-if="album.Type === 'album'">
<div v-if="album.PhotoCount === 1" class="caption">
<translate>Contains one photo. Add more by selecting them from search results.
</translate>
</div>
<div v-else-if="album.PhotoCount > 0" class="caption">
<translate>Contains</translate>
{{album.PhotoCount}}
<translate>photos</translate>
.
</div>
<div v-else class="caption">
<router-link :to="{name: 'photos'}" class="text-link">
<translate>Add photos from search results by selecting them.</translate>
</router-link>
</div>
</v-card-text>
</v-card>
</v-hover>
</v-flex>
@ -262,8 +280,8 @@
},
methods: {
share(album) {
this.album = album;
this.dialog.share = true;
this.album = album;
this.dialog.share = true;
},
webdavUpload() {
this.dialog.share = false;

2
frontend/src/pages/labels.vue
View file

@ -114,7 +114,7 @@
@save="onSave(label)"
class="p-inline-edit"
>
<span v-if="label.Name">
<span v-if="label.Name" class="body-2 ma-0">
{{ label.Name | capitalize }}
</span>
<span v-else>