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,20 +554,22 @@ class TfMessageElement extends LitElement {
let reply = let reply =
this.drafts[this.message?.id] !== undefined this.drafts[this.message?.id] !== undefined
? html` ? html`
<tf-compose <div class="w3-section w3-container">
whoami=${this.whoami} <tf-compose
.users=${this.users} whoami=${this.whoami}
root=${content.root || this.message.id} .users=${this.users}
branch=${this.message.id} root=${content.root || this.message.id}
.drafts=${this.drafts} branch=${this.message.id}
@tf-discard=${this.discard_reply} .drafts=${this.drafts}
author=${this.message.author} @tf-discard=${this.discard_reply}
.recent_reactions=${this.recent_reactions} author=${this.message.author}
></tf-compose> .recent_reactions=${this.recent_reactions}
></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>
`; `;
} }