Skip to content

Update Bottom sheet style#1102

Merged
yuni-ju merged 4 commits intodevelopfrom
qa/signup_profile
Apr 29, 2026
Merged

Update Bottom sheet style#1102
yuni-ju merged 4 commits intodevelopfrom
qa/signup_profile

Conversation

@yuni-ju
Copy link
Copy Markdown
Member

@yuni-ju yuni-ju commented Apr 27, 2026

작업 내용

  • 사용하지 않는 xml 기반 바텀시트 스타일 설정 파일 제거
  • 공통 바텀시트 Composable의 모서리 재설정
  • 바텀시트 높이 추가

참고

Bottom Sheet 스타일 업데이트

1. 기능적 영향 및 사용자 대면 변경

  • BottomSheetDialog Composable
    • 상단 모서리 반경을 12dp → 20dp로 변경.
    • 버튼 행의 비아이콘 버튼에 최소 높이 heightIn으로 56dp 적용(이전에는 wrap/content), 행 패딩 제거 및 수직 중앙 정렬 보장.
    • 버튼 라벨 텍스트에 TextAlign.Center 적용으로 중앙 정렬 보장.
    • (커밋) 높이 설정을 height에서 heightIn으로 전환.
  • XML 기반 스타일/리소스 제거
    • presentation/src/main/res/drawable/dialog_bottom_sheet_default.xml 제거(30dp 상단 모서리 정의 삭제).
    • values/values-night/themes.xml 및 values/themes.xml에서 Theme.DAYO의 bottomSheetDialogTheme 참조와 AppBottomSheetDialogTheme, AppModalStyle 스타일 삭제.
  • 코드베이스 영향 범위
    • BottomSheetDialog를 사용하는 호출부(ProfileImageBottomSheetDialog, CommentBottomSheetDialog, 카테고리/다른 BottomSheet 호출처 등)가 존재함(검색으로 다수 파일 확인). 직접적인 XML drawable/style 참조는 검색 결과에서 발견되지 않음.

2. 위험 포인트

  • 스타일/디자인 불일치
    • CommentBottomSheetDialog 등 기존 다이얼로그에 아직 12dp 모서리(또는 다른 값)를 사용 중일 가능성 있어, 여러 BottomSheet 간 시각적 불일치 발생 위험.
  • 리소스 참조로 인한 빌드/런타임 문제
    • 제거된 drawable/style을 참조하는 구문은 현재 검색에서 발견되지 않았으나(검색 결과에 직접 참조 없음) 전체 빌드에서 숨겨진 참조가 있을 수 있음 — 전체 빌드 확인 필요.
  • 레이아웃/접근성 이슈
    • 버튼 최소 높이(56dp)가 다국어(한글/영문) 긴 라벨, 멀티라인 텍스트, 또는 아이콘 포함 버튼과의 시각적 정렬에 미치는 영향.
  • 상태/스레딩/에러 리스크: 변경은 UI 스타일/레이아웃 위주로 네트워크·스레딩·에러 처리에는 영향 없음.

3. 필수 검증 및 추후 작업

  • UI/UX 검증
    1. 모든 BottomSheet 화면에서 시각적 회귀 확인(샘플 화면들):
      • ProfileImageBottomSheetDialog
      • CommentBottomSheetDialog
      • Category/Withdraw 등 프로젝트 내 모든 BottomSheet 호출처
    2. 동일한 디자인 규격(모서리 반경 20dp) 적용 여부 확인; 필요 시 CommentBottomSheetDialog 등도 20dp로 통일.
    3. 버튼 높이(56dp) 검증:
      • 다양한 텍스트 길이(한글/영문/멀티라인)에서 텍스트 잘림·레이아웃 파괴 없음 확인.
      • 아이콘 포함 버튼과의 정렬/높이 일관성 확인.
    4. 접근성(버튼 터치 타깃 최소 크기 등) 점검.
  • 빌드 및 코드 검증
    • 전체 Gradle 빌드 및 릴리스 빌드 확인.
    • 제거된 리소스(dialog_bottom_sheet_default, AppBottomSheetDialogTheme, AppModalStyle) 참조 여부 전역 검색(이미 일부 검색 수행됨) 및 CI 빌드 확인.
  • 코드리뷰 체크포인트
    • 디자인 의도(모서리 반경과 버튼 높이 표준화)가 제품/디자인팀 합의된 것인지 확인.
    • height → heightIn 변경 의도와 부작용(스크롤/최소 높이 상호작용) 검토.
    • Preview/다크모드에서의 동작 확인(값이 values-night/values 양쪽에서 제거됨).

@yuni-ju yuni-ju requested a review from DongJun-H April 27, 2026 14:35
@yuni-ju yuni-ju self-assigned this Apr 27, 2026
@yuni-ju yuni-ju added the QA label Apr 27, 2026
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Apr 27, 2026

Warning

Rate limit exceeded

@yuni-ju has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 49 minutes and 35 seconds before requesting another review.

To keep reviews running without waiting, you can enable usage-based add-on for your organization. This allows additional reviews beyond the hourly cap. Account admins can enable it under billing.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 0e7d08d1-e03a-48a6-bed1-05cc59ac18cb

📥 Commits

Reviewing files that changed from the base of the PR and between 8c52bd0 and f8f6770.

📒 Files selected for processing (1)
  • presentation/src/main/java/daily/dayo/presentation/view/dialog/BottomSheetDialog.kt

Walkthrough

BottomSheet 다이얼로그의 모서리 라운드가 12dp에서 20dp로 변경되고, 버튼 행이 최소 높이 56dp로 고정되며 텍스트가 중앙 정렬됩니다. 커스텀 바텀시트 드로어블과 관련 테마(AppBottomSheetDialogTheme, AppModalStyle, bottomSheetDialogTheme 참조)가 제거되었습니다.

Changes

Cohort / File(s) Summary
BottomSheet UI 컴포넌트
presentation/src/main/java/daily/dayo/presentation/view/dialog/BottomSheetDialog.kt
Surface의 top corner radius 12dp → 20dp, 비-아이콘 버튼 행에 minHeight=56dp 적용, 기존 16dp 행 패딩 제거, 행 콘텐츠 수직 중앙 정렬 추가, 버튼 레이블 Text에 textAlign=Center 설정
사용되지 않는 드로어블 리소스
presentation/src/main/res/drawable/dialog_bottom_sheet_default.xml
커스텀 바텀시트 배경 드로어블 파일 삭제(흰색 사각형, top corners 30dp 정의 제거) — 대체 리소스 없음
테마 설정 정리
presentation/src/main/res/values/themes.xml, presentation/src/main/res/values-night/themes.xml
Theme.DAYObottomSheetDialogTheme 항목 삭제 및 AppBottomSheetDialogTheme, AppModalStyle 스타일 정의 삭제; 관련 참조 제거 및 파일 정리
🚥 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
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed 제목은 변경 내용의 핵심을 명확히 반영합니다. 하단 시트 스타일 업데이트, 모서리 반경 조정, XML 기반 스타일 제거 등 주요 변경사항을 요약합니다.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

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

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch qa/signup_profile

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
`@presentation/src/main/java/daily/dayo/presentation/view/dialog/BottomSheetDialog.kt`:
- Around line 160-178: The Row uses a fixed height `.height(56.dp)` which can
cause text clipping with large fonts; change it to a flexible minimum height
using `Modifier.heightIn(min = 56.dp)` (or equivalent
`requiredMinHeight`/`wrapContentHeight`) so the container can expand for
accessibility; update the modifier on the Row in BottomSheetDialog.kt (the Row
where isPressed, interactionSource, clickable and button.second are used) and
verify the Text inside (button.first) can wrap/line-break as needed.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 739c37a5-b5d2-4300-9312-166fcac9dc5f

📥 Commits

Reviewing files that changed from the base of the PR and between 636069d and a04a174.

📒 Files selected for processing (4)
  • presentation/src/main/java/daily/dayo/presentation/view/dialog/BottomSheetDialog.kt
  • presentation/src/main/res/drawable/dialog_bottom_sheet_default.xml
  • presentation/src/main/res/values-night/themes.xml
  • presentation/src/main/res/values/themes.xml
💤 Files with no reviewable changes (1)
  • presentation/src/main/res/drawable/dialog_bottom_sheet_default.xml

@DongJun-H
Copy link
Copy Markdown
Member

@codex review

Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

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

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: a04a174308

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

@github-project-automation github-project-automation Bot moved this from Todo to In Progress in DAYO 2.0 Apr 28, 2026
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
`@presentation/src/main/java/daily/dayo/presentation/view/dialog/BottomSheetDialog.kt`:
- Around line 72-73: The top corner radius mismatch causes the button Row's
pressed background (currently using 12.dp corners) to show at the Surface edges;
update the pressed/pressed-state background shapes used in BottomSheetDialog
(the Row/button background declarations) to use the same rounded corner values
as the Surface (RoundedCornerShape(20.dp, 20.dp, 0.dp, 0.dp) or a shared shape
variable) so the radii match for the top corners; apply the same change to the
other occurrence noted (the second Row/button background instance).
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 82c80dde-4608-439c-b170-52a9ac014a9c

📥 Commits

Reviewing files that changed from the base of the PR and between a04a174 and 8c52bd0.

📒 Files selected for processing (1)
  • presentation/src/main/java/daily/dayo/presentation/view/dialog/BottomSheetDialog.kt

@yuni-ju yuni-ju merged commit 2c1708f into develop Apr 29, 2026
2 checks passed
@github-project-automation github-project-automation Bot moved this from In Progress to Done in DAYO 2.0 Apr 29, 2026
@yuni-ju yuni-ju deleted the qa/signup_profile branch April 29, 2026 10:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

[QA] Fix Bottom sheet in signup_profile3

2 participants