-1

src/components/ProfileHoverCard/index.web.tsx

reviewed

··· 519 519 a.leading_snug, 520 520 a.font_semi_bold, 521 521 a.self_start, 522 522 - {minWidth: 0}, 523 522 ]}> 524 523 {sanitizeDisplayName( 525 524 profile.displayName || sanitizeHandle(profile.handle),

+4

src/components/Typography.tsx

reviewed

··· 108 108 const numberOfLinesClippingFix = { 109 109 overflowY: 'visible', 110 110 overflowX: 'clip', 111 111 + // mimic browser default behavior of `min-width: 0` on `overflow: hidden` 112 112 + // elements to allow text to shrink smaller than its intrinsic width when 113 113 + // necessary 114 114 + minWidth: 0, 111 115 // this is neater and supports vertical writing modes, but it's only baseline newly available 112 116 // overflowInline: 'clip', 113 117 } satisfies React.CSSProperties as TextStyleProp

+2 -10

src/view/com/util/PostMeta.tsx

reviewed

··· 82 82 /> 83 83 </View> 84 84 )} 85 85 - <View 86 86 - style={[a.flex_row, a.align_end, a.flex_shrink, web({minWidth: 0})]}> 85 85 + <View style={[a.flex_row, a.align_end, a.flex_shrink]}> 87 86 <ProfileHoverCard did={author.did}> 88 88 - <View 89 89 - style={[ 90 90 - a.flex_row, 91 91 - a.align_end, 92 92 - a.flex_shrink, 93 93 - web({minWidth: 0}), 94 94 - ]}> 87 87 + <View style={[a.flex_row, a.align_end, a.flex_shrink]}> 95 88 <MaybeLinkText 96 89 emoji 97 90 numberOfLines={1} ··· 132 125 t.atoms.text_contrast_medium, 133 126 a.leading_tight, 134 127 {flexShrink: 10}, 135 135 - web({minWidth: 0}), 136 128 ]}> 137 129 {NON_BREAKING_SPACE + sanitizeHandle(handle, '@')} 138 130 </MaybeLinkText>