Skip to content

fix: 피드 글 작품 연결 시 하단 패딩 수정#841

Merged
Sadturtleman merged 2 commits intodevelopfrom
fix/838
Mar 19, 2026
Merged

fix: 피드 글 작품 연결 시 하단 패딩 수정#841
Sadturtleman merged 2 commits intodevelopfrom
fix/838

Conversation

@Sadturtleman
Copy link
Copy Markdown
Contributor

@Sadturtleman Sadturtleman commented Mar 17, 2026

📌𝘐𝘴𝘴𝘶𝘦𝘴

📎𝘞𝘰𝘳𝘬 𝘋𝘦𝘴𝘤𝘳𝘪𝘱𝘵𝘪𝘰𝘯

  • 작품 연결 시 20 dp만큼 간격있도록 수정

📷𝘚𝘤𝘳𝘦𝘦𝘯𝘴𝘩𝘰𝘵

image

💬𝘛𝘰 𝘙𝘦𝘷𝘪𝘦𝘸𝘦𝘳𝘴

830번 이슈 고칠 시 누락됬던 것이라 수정했습니다.

Summary by CodeRabbit

  • 스타일
    • 스포일러 처리된 피드 항목에서 스포일러 액션 텍스트 뒤에 간격을 추가해 시각적 레이아웃과 읽기 흐름을 개선했습니다.

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Mar 17, 2026

Walkthrough

FeedSection.kt의 FeedItem에서 스포일러일 때 스포일러 액션 텍스트 뒤에 높이 20.dp의 Spacer를 삽입하도록 레이아웃을 변경했습니다.

Changes

Cohort / File(s) Summary
스포일러 액션 여백 추가
feature/feed/src/main/java/com/into/websoso/feature/feed/component/FeedSection.kt
isSpoiler 분기에서 스포일러 액션 Text 다음에 Spacer(height = 20.dp) 추가 (UI 하단 여백 조정).

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Possibly related PRs

Suggested labels

🔨 [FIX], 🧙마법사 하루

Suggested reviewers

  • devfeijoa
  • m6z1

Poem

🐰 스포일러 숨긴 그 틈 사이,
텍스트 뒤에 여백 하나 놓고,
20dp의 숨결로 고요를 만들며,
레이아웃은 살며시 웃네 😊
토끼가 전하는 작은 패치 축하!

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Title check ✅ Passed 제목이 변경사항의 주요 내용을 명확하게 설명하고 있습니다. 스포일러 글의 하단 패딩 수정이라는 핵심 변경사항을 정확히 반영하고 있습니다.
Description check ✅ Passed PR 설명이 템플릿을 잘 따르고 있으며, 이슈 번호, 작업 설명, 스크린샷이 모두 포함되어 있습니다.
Linked Issues check ✅ Passed PR의 코드 변경사항이 연결된 이슈 #838의 요구사항을 충족합니다. 스포일러 글의 하단 패딩 문제를 20dp 스페이서 추가로 해결하고 있습니다.
Out of Scope Changes check ✅ Passed 모든 변경사항이 이슈 #838의 스포일러 글 UI 하단 패딩 수정이라는 범위 내에서 이루어졌으며, 범위를 벗어난 변경사항은 없습니다.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
  • 📝 Generate docstrings (stacked PR)
  • 📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix/838
📝 Coding Plan
  • Generate coding plan for human review comments

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Copy Markdown

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In
`@feature/feed/src/main/java/com/into/websoso/feature/feed/component/FeedSection.kt`:
- Around line 302-303: FeedSection 내 고정 Spacer(Modifier.height(10.dp)) 때문에 케이스별로
카드 상단 총 간격이 달라져 20dp 보장이 깨지므로, Spacer 높이를 조건부로 계산해 전체 상단 여백이 항상 20.dp가 되도록
변경하세요; 현재 분기 로직(스포일러, 이미지, 일반 텍스트)을 확인하고 각 분기에서 이미 추가되는 내부 여백값을 기준으로 필요한 추가 간격 =
20.dp - existingTopPadding을 계산해 Spacer 높이로 사용(최소 0.dp로 클램프)하거나 공통 함수(예:
computeTopSpacerHeight())를 만들어 FeedSection에서 호출하도록 리팩터링하여 Modifier.height(...)
호출을 대체하세요.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: e866ecbf-a0b6-4e78-aa3c-df4620e44a94

📥 Commits

Reviewing files that changed from the base of the PR and between 7935019 and 9ce1904.

📒 Files selected for processing (1)
  • feature/feed/src/main/java/com/into/websoso/feature/feed/component/FeedSection.kt

Comment on lines +302 to +303
Spacer(modifier = Modifier.height(height = 10.dp))

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟠 Major

작품 카드 상단 간격이 케이스별로 달라져 20dp 보장이 깨집니다.

Line 302의 고정 10.dp 추가로 분기별 총 간격이 달라집니다(스포일러 10dp, 이미지 20dp, 일반 텍스트 30dp). PR 목표가 “작품 연결 시 20dp”라면, 여기서는 조건부 간격 계산이 필요합니다.

제안 패치
         if (feed.novel != null) {
-            Spacer(modifier = Modifier.height(height = 10.dp))
+            val novelTopSpacing =
+                when {
+                    feed.isSpoiler -> 20.dp
+                    feed.imageUrls.isNotEmpty() -> 10.dp
+                    else -> 0.dp
+                }
+            Spacer(modifier = Modifier.height(height = novelTopSpacing))
 
             FeedNovelInfo(
                 novel = feed.novel,
                 onNovelClick = onNovelClick,
             )
         }
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In
`@feature/feed/src/main/java/com/into/websoso/feature/feed/component/FeedSection.kt`
around lines 302 - 303, FeedSection 내 고정 Spacer(Modifier.height(10.dp)) 때문에
케이스별로 카드 상단 총 간격이 달라져 20dp 보장이 깨지므로, Spacer 높이를 조건부로 계산해 전체 상단 여백이 항상 20.dp가 되도록
변경하세요; 현재 분기 로직(스포일러, 이미지, 일반 텍스트)을 확인하고 각 분기에서 이미 추가되는 내부 여백값을 기준으로 필요한 추가 간격 =
20.dp - existingTopPadding을 계산해 Spacer 높이로 사용(최소 0.dp로 클램프)하거나 공통 함수(예:
computeTopSpacerHeight())를 만들어 FeedSection에서 호출하도록 리팩터링하여 Modifier.height(...)
호출을 대체하세요.

Copy link
Copy Markdown
Member

@s9hn s9hn left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다 !

Copy link
Copy Markdown

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🧹 Nitpick comments (1)
feature/feed/src/main/java/com/into/websoso/feature/feed/component/FeedSection.kt (1)

248-267: 스포일러 케이스 패딩 수정 확인됨, 이미지 케이스 간격 불일치 검토 필요

스포일러 텍스트 후 20dp Spacer 추가로 issue #838의 스포일러 UI 깨짐 문제가 해결되었습니다.

다만, 전체 분기별 novel 카드 상단 간격이 다릅니다:

  • 스포일러: 20dp (line 256) ✓
  • 일반 텍스트(이미지 없음): 20dp (line 267) ✓
  • 이미지 포함: 10dp (line 299) — 불일치

이미지가 있는 경우에도 20dp 간격이 필요하다면 추후 수정을 검토해 주세요.

♻️ 이미지 케이스도 20dp 통일 시 제안 패치
                 }

-                Spacer(modifier = Modifier.height(height = 10.dp))
+                Spacer(modifier = Modifier.height(height = 20.dp))
             }
         }
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In
`@feature/feed/src/main/java/com/into/websoso/feature/feed/component/FeedSection.kt`
around lines 248 - 267, The top spacing for the branch that renders feeds with
images is inconsistent (10.dp) compared to the spoiler and plain-text branches
(20.dp); update the Spacer used in the image-containing rendering path to use
Modifier.height(20.dp) so all branches (including the image branch in
FeedSection.kt) use 20.dp top spacing—locate the Spacer after the image
rendering block (the same area that calls onContentClick(feed.id, feed.isLiked)
and adjust its height to 20.dp.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Nitpick comments:
In
`@feature/feed/src/main/java/com/into/websoso/feature/feed/component/FeedSection.kt`:
- Around line 248-267: The top spacing for the branch that renders feeds with
images is inconsistent (10.dp) compared to the spoiler and plain-text branches
(20.dp); update the Spacer used in the image-containing rendering path to use
Modifier.height(20.dp) so all branches (including the image branch in
FeedSection.kt) use 20.dp top spacing—locate the Spacer after the image
rendering block (the same area that calls onContentClick(feed.id, feed.isLiked)
and adjust its height to 20.dp.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 71238fc6-1124-437d-b5b1-aef5cf278bbf

📥 Commits

Reviewing files that changed from the base of the PR and between 9ce1904 and 523e50f.

📒 Files selected for processing (1)
  • feature/feed/src/main/java/com/into/websoso/feature/feed/component/FeedSection.kt

Copy link
Copy Markdown
Contributor

@devfeijoa devfeijoa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨습니다!

@Sadturtleman Sadturtleman merged commit 3de34ce into develop Mar 19, 2026
2 checks passed
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.

스포일러 글 ui 깨짐 이슈

3 participants