Hide tooltips on mobile, sort comments ascending, make video embeds rounded

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
 

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.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "flotilla",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "private": true,
   "scripts": {
     "dev": "vite dev",

src/app.css

@@ -66,6 +66,10 @@
   --neutral-content: oklch(var(--nc));
 }
 
+.mobile [data-tip]::before {
+  display: none !important;
+}
+
 /* safe area insets */
 
 @layer components {

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)$/)}

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">

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>

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()
 

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()

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()