about summary refs log tree commit diff
path: root/src/components/dms/MessageItemEmbed.tsx
diff options
context:
space:
mode:
authorEric Bailey <git@esb.lol>2024-09-05 13:45:13 -0500
committerGitHub <noreply@github.com>2024-09-05 13:45:13 -0500
commit2265fedd2ac4d006e3c55dbb81ee387b93be9830 (patch)
tree83ce7cb032161fd8dee24b2a7a6e561ee2bcb9f5 /src/components/dms/MessageItemEmbed.tsx
parent117926357d3a59db8fb12f9486f657c7b0f1cf69 (diff)
downloadvoidsky-2265fedd2ac4d006e3c55dbb81ee387b93be9830.tar.zst
Constrain image heights in feeds and threads (#5129)
* Limit height of images within posts

* Add some future-proofness

* Comments, improve a11y

* Adjust ALT, add crop icon

* Fix disableCrop in record-with-media posts

* Clean up aspect ratios, handle very tall images

* Handle record-with-media separately, clarify intent using enums

* Adjust spacing

* Adjust rwm embed image size on mobile

* Only do reduced layout if images embed

* Adjust gap in small embed variant

* Clean up grid layout

* Hide badge on small variant with one image

* Remove crop icon from image grid, leave on single image

* Fix sizing in Firefox

* Fix fullBleed variant
Diffstat (limited to 'src/components/dms/MessageItemEmbed.tsx')
-rw-r--r--src/components/dms/MessageItemEmbed.tsx8
1 files changed, 6 insertions, 2 deletions
diff --git a/src/components/dms/MessageItemEmbed.tsx b/src/components/dms/MessageItemEmbed.tsx
index aefd62b9a..3db00aece 100644
--- a/src/components/dms/MessageItemEmbed.tsx
+++ b/src/components/dms/MessageItemEmbed.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import {View} from 'react-native'
 import {AppBskyEmbedRecord} from '@atproto/api'
 
-import {PostEmbeds} from '#/view/com/util/post-embeds'
+import {PostEmbeds, PostEmbedViewContext} from '#/view/com/util/post-embeds'
 import {atoms as a, native, useTheme} from '#/alf'
 
 let MessageItemEmbed = ({
@@ -14,7 +14,11 @@ let MessageItemEmbed = ({
 
   return (
     <View style={[a.my_xs, t.atoms.bg, native({flexBasis: 0})]}>
-      <PostEmbeds embed={embed} allowNestedQuotes />
+      <PostEmbeds
+        embed={embed}
+        allowNestedQuotes
+        viewContext={PostEmbedViewContext.Feed}
+      />
     </View>
   )
 }