pinafore/routes/_components/profile/AccountProfileNote.html

45 lines
855 B
HTML
Raw Normal View History

2018-03-31 23:51:18 +00:00
<div class="account-profile-note">
{@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: {
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>