about summary refs log tree commit diff
diff options
context:
space:
mode:
authorPaul Frazee <pfrazee@gmail.com>2023-08-17 18:59:25 -0700
committerGitHub <noreply@github.com>2023-08-17 18:59:25 -0700
commit2198aab8b2c51e8889e08753729cdc2c70c1c9c7 (patch)
treea1b767701eda119572a6ae7bf7db943916fc6cc8
parentee9cf7402f8e0ff49e251fb7d00727144a75965d (diff)
downloadvoidsky-2198aab8b2c51e8889e08753729cdc2c70c1c9c7.tar.zst
Fix to post meta overflow in highlighted post (#1211)
* Fix to post meta overflow in highlighted post

* Give more space to desktop web
-rw-r--r--src/view/com/post-thread/PostThreadItem.tsx11
1 files changed, 8 insertions, 3 deletions
diff --git a/src/view/com/post-thread/PostThreadItem.tsx b/src/view/com/post-thread/PostThreadItem.tsx
index 587ed1e00..8a56012f0 100644
--- a/src/view/com/post-thread/PostThreadItem.tsx
+++ b/src/view/com/post-thread/PostThreadItem.tsx
@@ -33,6 +33,7 @@ import {usePalette} from 'lib/hooks/usePalette'
 import {formatCount} from '../util/numeric/format'
 import {TimeElapsed} from 'view/com/util/TimeElapsed'
 import {makeProfileLink} from 'lib/routes/links'
+import {isDesktopWeb} from 'platform/detection'
 
 export const PostThreadItem = observer(function PostThreadItem({
   item,
@@ -226,7 +227,6 @@ export const PostThreadItem = observer(function PostThreadItem({
                 </Link>
               </View>
             </View>
-            <View style={s.flex1} />
             <PostDropdownBtn
               testID="postDropdownBtn"
               itemUri={itemUri}
@@ -239,7 +239,12 @@ export const PostThreadItem = observer(function PostThreadItem({
               onOpenTranslate={onOpenTranslate}
               onToggleThreadMute={onToggleThreadMute}
               onDeletePost={onDeletePost}
-              style={{paddingVertical: 6, paddingHorizontal: 10}}
+              style={{
+                paddingVertical: 6,
+                paddingHorizontal: 10,
+                marginLeft: 'auto',
+                width: 40,
+              }}
             />
           </View>
           <View style={[s.pl10, s.pr10, s.pb10]}>
@@ -556,7 +561,7 @@ const styles = StyleSheet.create({
   },
   metaItem: {
     paddingRight: 5,
-    maxWidth: 240,
+    maxWidth: isDesktopWeb ? 380 : 220,
   },
   alert: {
     marginBottom: 6,