From e5dcff0200c5d110b2e9d982ad64f9e18c0f6c75 Mon Sep 17 00:00:00 2001 From: Cory McWilliams Date: Wed, 5 Oct 2022 02:11:46 +0000 Subject: [PATCH] Wrapping issues. git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3996 ed5197a5-7fde-0310-b194-c3ffbd925b24 --- apps/cory/ssblit.json | 2 +- apps/cory/ssblit/tf-id-picker.js | 2 +- apps/cory/ssblit/tf-message.js | 5 ++++- apps/cory/ssblit/tf-news.js | 4 +++- apps/cory/ssblit/tf-styles.js | 4 ++-- apps/cory/ssblit/tf-user.js | 2 +- 6 files changed, 12 insertions(+), 7 deletions(-) diff --git a/apps/cory/ssblit.json b/apps/cory/ssblit.json index 6ee40ea2..cd816265 100644 --- a/apps/cory/ssblit.json +++ b/apps/cory/ssblit.json @@ -1 +1 @@ -{"type":"tildefriends-app","files":{"app.js":"&XCpiJOtpMzQz5Zo+Hu9f3ppQON9PxFdV4XnS2Ae+Ye8=.sha256","lit-all.min.js":"&N4A12AsifdQgwdpII0SFtG513BfoLpmPjdJ9VTDftpg=.sha256","index.html":"&WH8A5tF25xlfPDGei2TCQc2/HJFJf5DuRN1GRSYQhhk=.sha256","script.js":"&G8puK9Q4MngHy3D4ppcKyT49WKbHD2OCeUcAw2ghTDE=.sha256","lit-all.min.js.map":"&oFY9wO4MnujgfGNGv4VggHc5V5JwX4C8csqKZ6KJYbE=.sha256","tf-id-picker.js":"&pg1gLK150HFai73TcmAe5E/dMpMqmbhyre/+/J4XmHo=.sha256","tf-app.js":"&9sl0mwHSJIXJ7WiNzdauqrtmld5rasBjCgqFtrDg/e0=.sha256","tf-message.js":"&6KQxhv7bilj+BEN1B9B0zI9cQ4M5WknNFCs5VJ1WNwM=.sha256","tf-user.js":"&L6+7BnBq+UOoTMO6o8+u5JFTl0UBtCPDw8bb8ppDrkA=.sha256","tf-utils.js":"&N2yKZwFnb2GbPeipgQtu6xFvezENNOgud9G7EhCQ/K0=.sha256","commonmark.min.js":"&bfBaMLU19d1p/vPBF9hlARqDX002KXG/UOfxOahZhe4=.sha256","tf-compose.js":"&+qbmbM5zr068m9wyvP9RLz6doVujflQ3oY+rC/ul70U=.sha256","emojis.json":"&h3P4pez+AI4aYdsN0dJ3pbUEFR0276t9AM20caj/W/s=.sha256","emojis.js":"&pqYLDE/13PyEt2ceeFqvnwZ8NqWfPfpDBt4vP8SeHbs=.sha256","tf-styles.js":"&Ab+SjsySJ74kwK3EQD/j72yXYJlFAhkJ5EqyJfYpJEk=.sha256","tf-profile.js":"&vRKjsnYvOiHCQahzEfznCvP5YDwUPtltlpWf+pxwZ1Y=.sha256","commonmark-linkify.js":"&X+hNNkmSRvKY86khyAun+cXksquXbMakZdINbGbx30g=.sha256","tf-tab-search.js":"&ESt2vMG19sH5j6ungKua/ZuvIGslyuWyb3juXdOCecg=.sha256","tf-tab-news.js":"&QkPSLHWMW9lfcc06rbzjdiuhNdPPV/LjJqixrOKfSac=.sha256","tf-tab-connections.js":"&jSnF/5NmgqxRze1XQAEGOW5mPzOV1/8aCyrDRZu34IQ=.sha256","tf-news.js":"&G4Ywinot74p6QUCbdAPda9HxOszieBM3WwY9jQ16LRU=.sha256"}} \ No newline at end of file +{"type":"tildefriends-app","files":{"app.js":"&XCpiJOtpMzQz5Zo+Hu9f3ppQON9PxFdV4XnS2Ae+Ye8=.sha256","lit-all.min.js":"&N4A12AsifdQgwdpII0SFtG513BfoLpmPjdJ9VTDftpg=.sha256","index.html":"&WH8A5tF25xlfPDGei2TCQc2/HJFJf5DuRN1GRSYQhhk=.sha256","script.js":"&G8puK9Q4MngHy3D4ppcKyT49WKbHD2OCeUcAw2ghTDE=.sha256","lit-all.min.js.map":"&oFY9wO4MnujgfGNGv4VggHc5V5JwX4C8csqKZ6KJYbE=.sha256","tf-id-picker.js":"&9BDffV4HY9FqhL7XI4it+UQJB4cYwbDNsY3S1cxy2vw=.sha256","tf-app.js":"&9sl0mwHSJIXJ7WiNzdauqrtmld5rasBjCgqFtrDg/e0=.sha256","tf-message.js":"&u8AqwtGT3htiKrIXcZmL5ZUIt5bzGg9B8koZujJmJVA=.sha256","tf-user.js":"&bXTedgBudTQLXEBPY9R8OLfQ/ZLpo8YRU9Oq/wuGG3Y=.sha256","tf-utils.js":"&N2yKZwFnb2GbPeipgQtu6xFvezENNOgud9G7EhCQ/K0=.sha256","commonmark.min.js":"&bfBaMLU19d1p/vPBF9hlARqDX002KXG/UOfxOahZhe4=.sha256","tf-compose.js":"&+qbmbM5zr068m9wyvP9RLz6doVujflQ3oY+rC/ul70U=.sha256","emojis.json":"&h3P4pez+AI4aYdsN0dJ3pbUEFR0276t9AM20caj/W/s=.sha256","emojis.js":"&pqYLDE/13PyEt2ceeFqvnwZ8NqWfPfpDBt4vP8SeHbs=.sha256","tf-styles.js":"&Zw90HptAvGwX/vBnEhRVfNrYjMSssFnnKpp8bzwXQH0=.sha256","tf-profile.js":"&vRKjsnYvOiHCQahzEfznCvP5YDwUPtltlpWf+pxwZ1Y=.sha256","commonmark-linkify.js":"&X+hNNkmSRvKY86khyAun+cXksquXbMakZdINbGbx30g=.sha256","tf-tab-search.js":"&ESt2vMG19sH5j6ungKua/ZuvIGslyuWyb3juXdOCecg=.sha256","tf-tab-news.js":"&QkPSLHWMW9lfcc06rbzjdiuhNdPPV/LjJqixrOKfSac=.sha256","tf-tab-connections.js":"&jSnF/5NmgqxRze1XQAEGOW5mPzOV1/8aCyrDRZu34IQ=.sha256","tf-news.js":"&K3azL6eFcgbM9xpLHU3L5oSOApi1fXEvJZrhPkZgDpQ=.sha256"}} \ No newline at end of file diff --git a/apps/cory/ssblit/tf-id-picker.js b/apps/cory/ssblit/tf-id-picker.js index 861c57d2..e297641d 100644 --- a/apps/cory/ssblit/tf-id-picker.js +++ b/apps/cory/ssblit/tf-id-picker.js @@ -34,7 +34,7 @@ class TfIdentityPickerElement extends LitElement { render() { return html` - ${this.ids.map(id => html``)} `; diff --git a/apps/cory/ssblit/tf-message.js b/apps/cory/ssblit/tf-message.js index 1e553cd1..01c312c5 100644 --- a/apps/cory/ssblit/tf-message.js +++ b/apps/cory/ssblit/tf-message.js @@ -180,7 +180,7 @@ class TfMessageElement extends LitElement { } if (this.message.placeholder) { return html` -
+
${this.message.id} (placeholder)
${this.render_votes()}
${(this.message.child_messages || []).map(x => html` @@ -229,6 +229,9 @@ class TfMessageElement extends LitElement { white-space: pre-wrap; overflow-wrap: break-word; } + div { + overflow-wrap: anywhere; + } img { max-width: 100%; height: auto; diff --git a/apps/cory/ssblit/tf-news.js b/apps/cory/ssblit/tf-news.js index 8d0b281c..a9596a42 100644 --- a/apps/cory/ssblit/tf-news.js +++ b/apps/cory/ssblit/tf-news.js @@ -154,7 +154,9 @@ class TfNewsElement extends LitElement { messages_by_id = this.process_messages(placeholders, messages_by_id); let final_messages = this.finalize_messages(messages_by_id); return html` - ${final_messages.map(x => html``)} +
+ ${final_messages.map(x => html``)} +
`; } diff --git a/apps/cory/ssblit/tf-styles.js b/apps/cory/ssblit/tf-styles.js index 4de19f50..27617f2e 100644 --- a/apps/cory/ssblit/tf-styles.js +++ b/apps/cory/ssblit/tf-styles.js @@ -14,7 +14,7 @@ a:hover { } img { - max-width: 640px; - max-height: 480px; + max-width: min(640px, 100%); + max-height: min(480px, auto); } `; \ No newline at end of file diff --git a/apps/cory/ssblit/tf-user.js b/apps/cory/ssblit/tf-user.js index af8dbdcd..f4d0bc40 100644 --- a/apps/cory/ssblit/tf-user.js +++ b/apps/cory/ssblit/tf-user.js @@ -29,7 +29,7 @@ class TfUserElement extends LitElement {
`; } else { return html` -
+
${this.id}
`; }