Skip to content

Twitter/X 임베드 높이 잘림 수정#993

Merged
sdk-kr merged 1 commit into
mainfrom
fix/twitter-embed-height-v2
Mar 29, 2026
Merged

Twitter/X 임베드 높이 잘림 수정#993
sdk-kr merged 1 commit into
mainfrom
fix/twitter-embed-height-v2

Conversation

@sdk-kr
Copy link
Copy Markdown
Contributor

@sdk-kr sdk-kr commented Mar 29, 2026

Summary

  • 기본 .embed-containerpadding-bottom + ::before padding-bottom 트릭이 Twitter 오버라이드보다 우선 적용되어 iframe이 1/3만 표시되던 버그 수정
  • 4곳(components.css, index.ts, markdown.svelte, embed-container.svelte) 모두 !importantpadding-bottom: 0, ::before display: none 강제 적용
  • postMessage 기반 handleTwitterResize--twitter-embed-height CSS 변수를 설정해도, 부모 컨테이너의 aspect-ratio 패딩이 높이를 제한하던 근본 원인 해결

Test plan

  • Twitter/X 링크가 포함된 게시글에서 트윗이 전체 높이로 표시되는지 확인
  • 다른 임베드(YouTube, Instagram)가 정상 작동하는지 확인

기본 .embed-container의 padding-bottom + ::before 패딩이
Twitter 오버라이드보다 우선 적용되어 iframe 높이가 1/3만 표시되던 문제 수정.
4곳(components.css, index.ts, markdown.svelte, embed-container.svelte)
모두 !important로 padding-bottom: 0, ::before display: none 강제 적용.
@github-actions
Copy link
Copy Markdown
Contributor

Staging 배포 완료

URL: https://dev.damoang.net
이미지: staging-c1f8ea4
Static Release: sha-c1f8ea4
커밋: c1f8ea4

변경사항을 dev.damoang.net에서 확인하세요.

@sdk-kr sdk-kr marked this pull request as ready for review March 29, 2026 10:01
@sdk-kr sdk-kr merged commit c145090 into main Mar 29, 2026
13 checks passed
@sdk-kr sdk-kr deleted the fix/twitter-embed-height-v2 branch March 29, 2026 10:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant