diff options
Diffstat (limited to 'src/components/status/status.vue')
| -rw-r--r-- | src/components/status/status.vue | 20 |
1 files changed, 18 insertions, 2 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 483abb3e..59dfc351 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -54,7 +54,7 @@ <router-link class="timeago" :to="{ name: 'conversation', params: { id: status.id } }"> <timeago :since="status.created_at" :auto-update="60"></timeago> </router-link> - <a :href="status.external_url" target="_blank" v-if="!status.is_local" class="source_url"><i class="icon-binoculars"></i></a> + <a :href="status.external_url" target="_blank" v-if="!status.is_local" class="source_url"><i class="icon-link-ext"></i></a> <template v-if="expandable"> <a href="#" @click.prevent="toggleExpanded"><i class="icon-plus-squared"></i></a> </template> @@ -201,8 +201,11 @@ font-weight: lighter; } h4 { + white-space: nowrap; font-size: 14px; margin-right: 0.25em; + overflow: hidden; + text-overflow: ellipsis; } .name-and-links { padding: 0; @@ -210,11 +213,18 @@ display: flex; flex-wrap: wrap; } - .links a { + .links { padding-top: 1px; font-size: 12px; color: $fallback--link; color: var(--link, $fallback--link); + max-width: 100%; + a { + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } } .replies { line-height: 16px; @@ -307,6 +317,12 @@ .media-body { font-size: 1em; line-height: 22px; + a { + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } } } } |