diff --git a/CHANGELOG.md b/CHANGELOG.md index 515af91ea..3b2a108d5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -15,6 +15,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Changed - Posts: letterbox images to 19:6 again. - Status Info: moved context (repost, pinned) to improve UX. +- Posts: remove file icon from empty link previews. ### Fixed - Layout: use accent color for "floating action button" (mobile compose button). diff --git a/app/soapbox/features/status/components/card.tsx b/app/soapbox/features/status/components/card.tsx index 18dd427a5..214b0f1f9 100644 --- a/app/soapbox/features/status/components/card.tsx +++ b/app/soapbox/features/status/components/card.tsx @@ -153,7 +153,7 @@ const Card: React.FC = ({ ); - let embed: React.ReactNode = ''; + let embed: React.ReactNode = null; const canvas = ( = ({ {thumbnail} ); - } else { - embed = ( -
- -
- ); } return ( diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss index aeab54646..b273c0e83 100644 --- a/app/styles/components/status.scss +++ b/app/styles/components/status.scss @@ -61,7 +61,7 @@ } .status-card { - @apply flex text-sm border border-solid border-gray-200 dark:border-gray-800 rounded-lg text-gray-800 dark:text-gray-200 min-h-[150px] no-underline overflow-hidden; + @apply flex text-sm border border-solid border-gray-200 dark:border-gray-800 rounded-lg text-gray-800 dark:text-gray-200 no-underline overflow-hidden; } a.status-card { @@ -95,10 +95,6 @@ a.status-card { stroke-width: 1px; } } - - &--empty { - flex: 0 0 80px; - } } .status-card.horizontal {