diff options
| author | Eric Bailey <git@esb.lol> | 2024-09-05 13:45:13 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-09-05 13:45:13 -0500 |
| commit | 2265fedd2ac4d006e3c55dbb81ee387b93be9830 (patch) | |
| tree | 83ce7cb032161fd8dee24b2a7a6e561ee2bcb9f5 /src/components | |
| parent | 117926357d3a59db8fb12f9486f657c7b0f1cf69 (diff) | |
| download | voidsky-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')
| -rw-r--r-- | src/components/dms/MessageItemEmbed.tsx | 8 | ||||
| -rw-r--r-- | src/components/icons/Crop.tsx | 5 |
2 files changed, 11 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> ) } diff --git a/src/components/icons/Crop.tsx b/src/components/icons/Crop.tsx new file mode 100644 index 000000000..4b3fc560f --- /dev/null +++ b/src/components/icons/Crop.tsx @@ -0,0 +1,5 @@ +import {createSinglePathSVG} from './TEMPLATE' + +export const Crop_Stroke2_Corner0_Rounded = createSinglePathSVG({ + path: 'M6 2a1 1 0 0 1 1 1v2h11a1 1 0 0 1 1 1v11h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2H6a1 1 0 0 1-1-1V7H3a1 1 0 0 1 0-2h2V3a1 1 0 0 1 1-1Zm1 5v10h10V7H7Z', +}) |