Merged
Conversation
fix: 이미지 팝업 배경 클릭 시 닫기 (#85)
…actions (alpha) 액션 표시에서 전체 핸들(@username@domain) 제거
- StatusModal 컴포넌트 신규 구현 - 타임스탬프 클릭 시 글 상세 내용 팝업 표시 - 스크롤 가능한 모달 디자인 (최대 높이 80vh) - 답글, 좋아요, 부스트, 삭제 기능 모두 지원 - 접근성 속성 (aria-modal, role="button") 포함 - TimelineItem 컴포넌트 수정 - 타임스탬프 클릭 핸들러 추가 (onStatusClick prop) - 기존 URL 링크 기능은 유지하되 팝업 우선 - hover 효과 및 커서 포인터 스타일링 - App.tsx 상태 관리 - selectedStatus 상태로 팝업 관리 - handleStatusClick, handleCloseStatusModal 핸들러 추가 - StatusModal 렌더링 및 props 전달 - components.css 스타일링 - .status-modal 클래스 추가 - .status-modal-backdrop 틴트 처리 - .status-time 클릭 가능한 버튼 스타일 - TimelineSection props 확장 - onStatusClick, onCloseStatusModal prop 추가 - 모든 TimelineItem에 prop 전달
- 라이트 테마별 StatusModal 스타일 추가 - christmas, sky-pink, monochrome 테마 지원 - 배경, 내용, 헤더, 버튼 색상 조정 - 하드코딩된 색상 모드 StatusModal 스타일 추가 - 다크 모드 기본 스타일 - 각 테마별 다크 모드 스타일 조정 - StatusModal 전체 테마 일관성 확보 - backdrop 틴트 색상 테마 맞춤 - content 배경색 테마 맞춤 - header, title, close 버튼 색상 테마 맞춤
- 닫기 버튼 텍스트를 '×' 아이콘으로 변경 - 테마와 색상 모드 일관성 확보 - 커서 포인터와 hover 효과 유지 - StatusModal 마진과 그림자 효과 추가 - content에 20px 마진 추가 - 테마별로 맞춤 그림자 효과 적용 - body에 16px 패딩으로 여백 확보 - 전체적인 레이아웃 개선 - 모달과 화면 경계에 적당한 간격 확보 - 내용이 너무 붙어 보이는 문제 해결 - 라이트/다크 모드 모두 지원
- hover 효과 제거로 깔끔한 디자인 적용 - 배경색 변경 없음 - 커서 포인터만 유지 - 닫기 버튼 텍스트 색상 테마별 조정 - 기본 테마: #666 (연한 회색) - Christmas: #7b3f3f (따뜻한 회갈색) - Sky-Pink: #4a6b86 (차가운 회갈색) - Monochrome: #666 (중간 회색) - 다크 모드: #999 (연한 회색) - 일관성 있는 색상 체계 적용 - 모든 테마와 색상 모드에서 자연스러움 - 시각적 방해 없는 수수한 디자인
- 다른 버튼들의 다크 모드 색상과 일관성 확보 - 기본 다크: #8fa6cf (파스텔 블루) - Christmas 다크: #cf8c8c (따뜻한 핑크) - Sky-Pink 다크: #f0a6c8 (밝은 핑크) - Monochrome 다크: #f0f0f0 (밝은 흰색) - button.ghost 스타일과 색상 일치 적용 - 모든 테마와 색상 모드에서 가시성 확보 - 앱 전체 디자인 시스템과 일관성 유지
- status-modal-close를 icon-button 클래스로 변경하여 다른 아이콘 버튼과 스타일 일치 - 텍스트 대신 SVG X 아이콘으로 변경하고 viewBox 추가하여 중앙 정렬 - 모든 테마별 색상 오버라이드 및 hover 효과 제거 - 컴포넌트 스타일 단순화
- 마스토돈(/api/v1/statuses/:id/context)과 미스키(/notes/conversation) API 지원 - 조상/후손 게시물을 시각적 계층으로 표시 - UnifiedApiClient에 통합 스레드 API 메서드 추가 - StatusModal에서 자동 스레드 로딩 및 렌더링 - 미묘한 로딩 인디케이터와 에러 처리 - 깔끔한 들여쓰기 기반 스레드 디자인 - 최적화된 여백 처리로 일관된 레이아웃 제공
feat: 게시글 팝업에서 스레드 기능 구현
- StatusModal에서 해당 게시글이 속한 컬럼의 계정으로 스레드 API 호출 - Misskey에서 "NO_SUCH_NOTE" 에러 발생하는 문제 해결 - TimelineItem에서 onStatusClick 시 columnAccount 정보 전달 - StatusModal에 threadAccount prop 추가하여 올바른 계정 정보 사용 - 디버그 로그 제거로 코드 깔끔하게 정리
fix: 스레드 API 호출 시 올바른 계정 정보 사용
원본 서버에서 보기 메뉴 추가
- 도메인 타입에 InstanceInfo와 CharacterCountStatus 추가 - 플랫폼별 문자 수 계산 유틸리티 구현 (Mastodon: URL 23자 계산, Misskey: 순수 텍스트) - MastodonHttpClient와 MisskeyHttpClient에 fetchInstanceInfo 메서드 추가 - UnifiedApiClient에 인스턴스 정보 조회 기능 통합 - ComposeBox 컴포넌트에 실시간 문자 수 표시 UI 추가 - 문자 수 제한 초과 시 제출 방지 및 알림 기능 - 라이트/다크 테마별 문자 수 색상 스타일링 - 인스턴스별 동적 문자 수 제한 적용 (Mastodon: 500자, Misskey: 3000자 기본값) Fixes #94
- v2 API(/api/v2/instance) 우선 시도로 최신 정보 가져오기 - configuration.statuses.max_characters 필드 확인으로 서버별 제한 적용 - v2 API 실패 시 v1 API로 안전한 fallback 처리 - 이전 버전 마스토돈 서버와의 호환성 유지 서버별 문자 수 제한을 정확히 반영하여 사용자 경험 개선
- textarea와 이미지 첨부 영역을 compose-input-container로 통합 - flexbox 레이아웃으로 글자와 이미지 겹침 문제 해결 - textarea 테두리 제거 및 vertical 리사이징만 허용 - 모든 테마(라이트/다크 + 4가지 테마)에서 일관된 디자인 제공 - CSS 선택자 단순화로 유지보수성 향상
- 글자수 카운트를 첨부 영역 오른쪽 고정 위치로 이동 - 이미지 추가 버튼을 첨부 영역 내부로 이동하여 더 자연스러운 UX 제공 - 첨부 영역 좌우 스크롤 기능 추가 (스크롤바 숨김 처리) - 모든 테마에 맞는 외곽선 색상 적용 및 flex-shrink 방지 - 이미지가 많아져도 레이아웃이 찌그러지지 않도록 개선
글자 수 카운팅 추가 및 테마 CSS 토큰화
- 이미지 2개 이상일 때 좌우 화살표 버튼 표시 - 키보드 네비게이션 지원 (← → 화살표, ESC 닫기) - 현재 이미지 위치 카운터 표시 (1 / 3) - 순환 네비게이션 (마지막에서 다음 → 첫 번째) Closes #95 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
feat: 이미지 팝업에 이전/다음 네비게이션 버튼 추가
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Release v0.7.0
New Features
Improvements
Bug Fixes
🤖 Generated with Claude Code