logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe
commit: 121f7424dc8c3d9c497a685c3448137793d9f1b5
parent: 37212db5bbccca8afa7e18fa595fe2e394f77e58
Author: shpuld <shp@cock.li>
Date:   Sat, 14 Apr 2018 07:44:59 +0300

Fix overflowing long maes in statuses and repeats.

Diffstat:

Msrc/components/status/status.vue18+++++++++++++++++-
1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/status/status.vue b/src/components/status/status.vue @@ -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; + } } } }