Page MenuHomePhorge
Files F85832044

No OneTemporary
Actions

Authored By
Unknown
Size
2 KB
Referenced Files
None
Subscribers
None

View Options

diff --git a/src/components/link-preview/link-preview.vue b/src/components/link-preview/link-preview.vue
index 18fc77df4a..7ff8433f46 100644
--- a/src/components/link-preview/link-preview.vue
+++ b/src/components/link-preview/link-preview.vue
@@ -1,91 +1,92 @@
<template>
<div>
<a
class="link-preview-card"
:href="card.url"
target="_blank"
rel="noopener"
>
<div
v-if="useImage && imageLoaded"
class="card-image"
>
<img :src="card.image">
</div>
<div class="card-content">
<span class="card-host faint">
<span
v-if="censored"
class="nsfw-alert alert warning"
>{{ $t('status.nsfw') }}</span>
{{ card.provider_name }}
</span>
<h4 class="card-title">{{ card.title }}</h4>
<p
v-if="useDescription"
class="card-description"
>{{ card.description }}</p>
</div>
</a>
</div>
</template>
<script src="./link-preview.js"></script>
<style lang="scss">
.link-preview-card {
display: flex;
flex-direction: row;
cursor: pointer;
overflow: hidden;
margin-top: 0.5em;
.card-image {
flex-shrink: 0;
width: 120px;
max-width: 25%;
img {
width: 100%;
height: 100%;
+ max-height: 10em;
object-fit: cover;
border-radius: var(--roundness);
}
}
.card-content {
max-height: 100%;
margin: 0.5em;
display: flex;
flex-direction: column;
}
.card-host {
font-size: 0.85em;
}
.card-description {
margin: 0.5em 0 0;
overflow: hidden;
text-overflow: ellipsis;
overflow-wrap: break-word;
text-wrap: pretty;
line-height: 1.2em;
/* cap description at 3 lines, the 1px is to clean up some stray pixels
TODO: fancier fade-out at the bottom to show off that it's too long?
*/
max-height: calc(1.2em * 3 - 1px);
}
.nsfw-alert {
margin: 2em 0;
}
color: var(--text);
border-style: solid;
border-width: 1px;
border-radius: var(--roundness);
border-color: var(--border);
}
</style>

File Metadata

Mime Type
text/x-diff
Expires
Mon, Nov 2, 2:53 AM (14 h, 39 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
1803527
Default Alt Text
(2 KB)

Event Timeline