Troplo/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fix overflowing long maes in statuses and repeats.

Browse source
This commit is contained in:
shpuld 2018-04-14 07:44:59 +03:00
parent 37212db5bb
commit 121f7424dc
1 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/components/status/status.vue
View file

@ -201,8 +201,11 @@
font-weight: lighter; font-weight: lighter;
} }
h4 { h4 {
white-space: nowrap;
font-size: 14px; font-size: 14px;
margin-right: 0.25em; margin-right: 0.25em;
overflow: hidden;
text-overflow: ellipsis;
} }
.name-and-links { .name-and-links {
padding: 0; padding: 0;
@ -210,11 +213,18 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.links a { .links {
padding-top: 1px; padding-top: 1px;
font-size: 12px; font-size: 12px;
color: $fallback--link; color: $fallback--link;
color: var(--link, $fallback--link); color: var(--link, $fallback--link);
max-width: 100%;
a {
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
} }
.replies { .replies {
line-height: 16px; line-height: 16px;
@ -307,6 +317,12 @@
.media-body { .media-body {
font-size: 1em; font-size: 1em;
line-height: 22px; line-height: 22px;
a {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
} }
} }
} }