2018-03-31 23:51:18 +00:00
|
|
|
<div class="account-profile-note">
|
2018-05-02 00:05:36 +00:00
|
|
|
{@html massagedNote}
|
2018-03-31 23:51:18 +00:00
|
|
|
</div>
|
|
|
|
<style>
|
|
|
|
.account-profile-note {
|
|
|
|
grid-area: note;
|
|
|
|
padding: 10px 0;
|
|
|
|
font-size: 0.9em;
|
|
|
|
word-wrap: break-word;
|
|
|
|
overflow: hidden;
|
|
|
|
white-space: pre-wrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
:global(.account-profile-note p) {
|
|
|
|
margin: 0 0 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
:global(.account-profile-note p:first-child) {
|
|
|
|
margin: 0 0 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
:global(.account-profile-note p:last-child) {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
.account-profile-note {
|
|
|
|
padding: 5px 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
computed: {
|
2018-05-02 00:05:36 +00:00
|
|
|
note: ({ account }) => account.note,
|
|
|
|
massagedNote: ({ note }) => {
|
2018-03-31 23:51:18 +00:00
|
|
|
// GNU Social / Pleroma don't add <p> tags
|
|
|
|
if (!note.startsWith('<p>')) {
|
|
|
|
note = `<p>${note}</p>`
|
|
|
|
}
|
|
|
|
return note
|
2018-04-20 04:38:01 +00:00
|
|
|
}
|
2018-03-31 23:51:18 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|