From 0d6b4591f15aba835baca2702c068cc9196e273c Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Tue, 6 Jan 2026 10:00:35 -0800
Subject: [PATCH] Hide tooltips on mobile, sort comments ascending, make video
 embeds rounded

---
 CHANGELOG.md                                         | 12 ++++++++++++
 android/app/build.gradle                             |  4 ++--
 package.json                                         |  2 +-
 src/app.css                                          |  4 ++++
 src/app/components/ContentLinkBlock.svelte           |  2 +-
 src/app/components/SpaceDetail.svelte                |  2 +-
 src/routes/+layout.svelte                            |  3 ++-
 src/routes/spaces/[relay]/calendar/[id]/+page.svelte |  4 ++--
 src/routes/spaces/[relay]/goals/[id]/+page.svelte    |  4 ++--
 src/routes/spaces/[relay]/threads/[id]/+page.svelte  |  4 ++--
 10 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 04a5e8eb..bdbed869 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,18 @@
 # 1.6.3
 
 * Fix scroll down button z index
+* Hide tooltips on mobile
+* Sort comments ascending
+* Make video embeds rounded
+* Fix ProfileMultiSelect styling
+* Accept hex pubkeys/npubs/nprofiles in ProfileMultiSelect
+* Tweak room edit form design
+* Report pending signer to user
+* Update default relays
+* Fix chat list responsiveness
+* Fix memory leak, notification badge not showing
+* Improve space join flow
+* Fix opening images in fullscreen dialog
 
 # 1.6.2
 
diff --git a/android/app/build.gradle b/android/app/build.gradle
index 7d2f44c1..a6111041 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -7,8 +7,8 @@ android {
         applicationId "social.flotilla"
         minSdk rootProject.ext.minSdkVersion
         targetSdk rootProject.ext.targetSdkVersion
-        versionCode 38
-        versionName "1.6.2"
+        versionCode 39
+        versionName "1.6.3"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {
              // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.
diff --git a/package.json b/package.json
index d807f241..7b81151a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "flotilla",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "private": true,
   "scripts": {
     "dev": "vite dev",
diff --git a/src/app.css b/src/app.css
index 52a485ab..f62e9805 100644
--- a/src/app.css
+++ b/src/app.css
@@ -66,6 +66,10 @@
   --neutral-content: oklch(var(--nc));
 }
 
+.mobile [data-tip]::before {
+  display: none !important;
+}
+
 /* safe area insets */
 
 @layer components {
diff --git a/src/app/components/ContentLinkBlock.svelte b/src/app/components/ContentLinkBlock.svelte
index 2b2846bc..abe1105d 100644
--- a/src/app/components/ContentLinkBlock.svelte
+++ b/src/app/components/ContentLinkBlock.svelte
@@ -41,7 +41,7 @@
 <Link {external} {href} class="my-2 block">
   <div class="overflow-hidden rounded-box">
     {#if url.match(/\.(mov|webm|mp4)$/)}
-      <video controls src={url} class="max-h-96 object-contain object-center">
+      <video controls src={url} class="max-h-96 rounded-box object-contain object-center">
         <track kind="captions" />
       </video>
     {:else if url.match(/\.(jpe?g|png|gif|webp)$/)}
diff --git a/src/app/components/SpaceDetail.svelte b/src/app/components/SpaceDetail.svelte
index 9bbbab72..6d1e4bad 100644
--- a/src/app/components/SpaceDetail.svelte
+++ b/src/app/components/SpaceDetail.svelte
@@ -30,7 +30,7 @@
 
   const back = () => history.back()
 
-  const startEdit = () => pushModal(SpaceEdit, {url, initialValues: $relay})
+  const startEdit = () => pushModal(SpaceEdit, {url, initialValues: $relay || {url}})
 </script>
 
 <div class="column gap-4">
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 1119ff90..f354e6b3 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -20,6 +20,7 @@
   import * as welshmanSigner from "@welshman/signer"
   import * as net from "@welshman/net"
   import * as app from "@welshman/app"
+  import {isMobile} from "@lib/html"
   import AppContainer from "@app/components/AppContainer.svelte"
   import ModalContainer from "@app/components/ModalContainer.svelte"
   import {setupHistory} from "@app/util/history"
@@ -191,7 +192,7 @@
 {#await unsubscribe}
   <!-- pass -->
 {:then}
-  <div>
+  <div class={isMobile ? "mobile" : ""}>
     <AppContainer>
       {@render children()}
     </AppContainer>
diff --git a/src/routes/spaces/[relay]/calendar/[id]/+page.svelte b/src/routes/spaces/[relay]/calendar/[id]/+page.svelte
index 2cb687cf..151c0905 100644
--- a/src/routes/spaces/[relay]/calendar/[id]/+page.svelte
+++ b/src/routes/spaces/[relay]/calendar/[id]/+page.svelte
@@ -6,7 +6,7 @@
   import {COMMENT, getTagValue} from "@welshman/util"
   import {request} from "@welshman/net"
   import {repository} from "@welshman/app"
-  import {deriveEventsById, deriveEventsDesc} from "@welshman/store"
+  import {deriveEventsById, deriveEventsAsc} from "@welshman/store"
   import AltArrowLeft from "@assets/icons/alt-arrow-left.svg?dataurl"
   import SortVertical from "@assets/icons/sort-vertical.svg?dataurl"
   import Reply from "@assets/icons/reply-2.svg?dataurl"
@@ -30,7 +30,7 @@
   const url = decodeRelay(relay)
   const event = deriveEvent(id, [url])
   const filters = [{kinds: [COMMENT], "#E": [id]}]
-  const replies = deriveEventsDesc(deriveEventsById({filters, repository}))
+  const replies = deriveEventsAsc(deriveEventsById({filters, repository}))
 
   const back = () => history.back()
 
diff --git a/src/routes/spaces/[relay]/goals/[id]/+page.svelte b/src/routes/spaces/[relay]/goals/[id]/+page.svelte
index dd100c1e..358865b7 100644
--- a/src/routes/spaces/[relay]/goals/[id]/+page.svelte
+++ b/src/routes/spaces/[relay]/goals/[id]/+page.svelte
@@ -6,7 +6,7 @@
   import {COMMENT, getTagValue} from "@welshman/util"
   import {repository} from "@welshman/app"
   import {request} from "@welshman/net"
-  import {deriveEventsById, deriveEventsDesc} from "@welshman/store"
+  import {deriveEventsById, deriveEventsAsc} from "@welshman/store"
   import AltArrowLeft from "@assets/icons/alt-arrow-left.svg?dataurl"
   import SortVertical from "@assets/icons/sort-vertical.svg?dataurl"
   import Reply from "@assets/icons/reply-2.svg?dataurl"
@@ -29,7 +29,7 @@
   const url = decodeRelay(relay)
   const event = deriveEvent(id, [url])
   const filters = [{kinds: [COMMENT], "#E": [id]}]
-  const replies = deriveEventsDesc(deriveEventsById({repository, filters}))
+  const replies = deriveEventsAsc(deriveEventsById({repository, filters}))
   const summary = getTagValue("summary", $event?.tags || [])
 
   const back = () => history.back()
diff --git a/src/routes/spaces/[relay]/threads/[id]/+page.svelte b/src/routes/spaces/[relay]/threads/[id]/+page.svelte
index 1ac89f5e..d84d12f7 100644
--- a/src/routes/spaces/[relay]/threads/[id]/+page.svelte
+++ b/src/routes/spaces/[relay]/threads/[id]/+page.svelte
@@ -6,7 +6,7 @@
   import {COMMENT, getTagValue} from "@welshman/util"
   import {repository} from "@welshman/app"
   import {request} from "@welshman/net"
-  import {deriveEventsById, deriveEventsDesc} from "@welshman/store"
+  import {deriveEventsById, deriveEventsAsc} from "@welshman/store"
   import AltArrowLeft from "@assets/icons/alt-arrow-left.svg?dataurl"
   import SortVertical from "@assets/icons/sort-vertical.svg?dataurl"
   import Reply from "@assets/icons/reply-2.svg?dataurl"
@@ -28,7 +28,7 @@
   const url = decodeRelay(relay)
   const event = deriveEvent(id, [url])
   const filters = [{kinds: [COMMENT], "#E": [id]}]
-  const replies = deriveEventsDesc(deriveEventsById({filters, repository}))
+  const replies = deriveEventsAsc(deriveEventsById({filters, repository}))
 
   const back = () => history.back()