RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix blurry breakouts (fix #112)

old-stable24
Varun Patil 2022-10-25 09:19:36 -07:00
parent 980667d31e
commit e49c4ea615
2 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Timeline.vue
View File

@ -60,7 +60,7 @@
<template v-else>
<div class="photo" v-for="photo of item.photos" :key="photo.fileid"
:style="{
height: (photo.dispH || item.size) + 'px',
height: photo.dispH + 'px',
width: photo.dispW + 'px',
transform: `translate(${photo.dispX}px, ${photo.dispY}px`,
}">
@ -902,7 +902,7 @@ export default class Timeline extends Mixins(GlobalMixin, UserConfig) {
const setPos = () => {
photo.dispW = utils.roundHalf(jbox.width);
photo.dispX = utils.roundHalf(jbox.left);
photo.dispH = squareMode ? utils.roundHalf(jbox.height) : 0;
photo.dispH = utils.roundHalf(jbox.height);
photo.dispY = 0;
photo.dispRowNum = row.num;
};

24
src/components/frame/Photo.vue
View File

@ -86,16 +86,30 @@ export default class Photo extends Mixins(GlobalMixin) {
} else if (this.data.flag & this.c.FLAG_LOAD_FAIL) {
return errorsvg;
} else {
return this.url;
return this.url();
}
}
/** Get url of the photo */
get url() {
let size = 256;
if (this.data.w && this.data.h) {
size = Math.floor(size * Math.max(this.data.w, this.data.h) / Math.min(this.data.w, this.data.h));
url() {
let base = 256;
// Check if displayed size is larger than the image
if (this.data.dispH > base && this.data.dispW > base) {
// Get a bigger image
// 1. No trickery here, just get one size bigger. This is to
// ensure that the images can be cached even after reflow.
// 2. Nextcloud only allows 4**x sized images, so technically
// this ends up being equivalent to 1024x1024.
base = 512;
}
// Make the shorter dimension equal to base
let size = base;
if (this.data.w && this.data.h) {
size = Math.floor(base * Math.max(this.data.w, this.data.h) / Math.min(this.data.w, this.data.h));
}
return getPreviewUrl(this.data.fileid, this.data.etag, false, size)
}