ssb: Remove some unintended whitespace at the bottom of messages.
Some checks failed
Build Tilde Friends / Build-All (push) Has been cancelled

This commit is contained in:
Cory McWilliams 2025-05-05 21:09:58 -04:00
parent e8c1390f09
commit 278b5566a1
2 changed files with 24 additions and 16 deletions

View File

@ -1,5 +1,5 @@
{ {
"type": "tildefriends-app", "type": "tildefriends-app",
"emoji": "🦀", "emoji": "🦀",
"previous": "&0QeFKi0qJk/VYLOxeIURs5nQCvkJs6DeiN3u5G4MW8w=.sha256" "previous": "&2puSQK+3qQAGKmx7M5aYWWgGe7+zdOvtoT67Azb76BM=.sha256"
} }

View File

@ -97,9 +97,10 @@ class TfMessageElement extends LitElement {
} }
} }
if (this.message?.votes?.length) { if (this.message?.votes?.length) {
return html` <div class="w3-container"> return html` <footer class="w3-container">
<div <div
class="w3-button w3-bar w3-padding-small" class="w3-button w3-bar"
style="padding: 0"
@click=${this.show_reactions} @click=${this.show_reactions}
> >
${(this.message.votes || []).map( ${(this.message.votes || []).map(
@ -114,7 +115,7 @@ class TfMessageElement extends LitElement {
` `
)} )}
</div> </div>
</div>`; </footer>`;
} }
} }
@ -157,7 +158,12 @@ class TfMessageElement extends LitElement {
} }
react(event) { react(event) {
emojis.picker((x) => this.vote(x), null, this.whoami, this.recent_reactions); emojis.picker(
(x) => this.vote(x),
null,
this.whoami,
this.recent_reactions
);
} }
show_image(link) { show_image(link) {
@ -548,6 +554,7 @@ class TfMessageElement extends LitElement {
let reply = let reply =
this.drafts[this.message?.id] !== undefined this.drafts[this.message?.id] !== undefined
? html` ? html`
<div class="w3-section w3-container">
<tf-compose <tf-compose
whoami=${this.whoami} whoami=${this.whoami}
.users=${this.users} .users=${this.users}
@ -558,10 +565,11 @@ class TfMessageElement extends LitElement {
author=${this.message.author} author=${this.message.author}
.recent_reactions=${this.recent_reactions} .recent_reactions=${this.recent_reactions}
></tf-compose> ></tf-compose>
</div>
` `
: undefined; : undefined;
return html` return html`
<div class="w3-section w3-container">${reply}</div> ${reply}
<footer>${this.render_children()}</footer> <footer>${this.render_children()}</footer>
`; `;
} }