Skip to content

Commit 9c2e8e4

Browse files
cameronapakclaude
andauthored
fix(ui): YPE-3868 - remove divider lines between books in the chapter picker (#317)
* fix(ui): remove divider lines between books in BibleChapterPicker The book list now renders as a clean, undivided list to match the approved design. Row padding and tap targets are unchanged. YPE-3868 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> * test(ui): drop chapter picker book list styling test Addresses review feedback: the assertion restated the className and carried no value. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 5 <noreply@anthropic.com>
1 parent 9a2b3e9 commit 9c2e8e4

2 files changed

Lines changed: 6 additions & 1 deletion

File tree

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@youversion/platform-react-ui': patch
3+
---
4+
5+
Remove the divider lines between book rows in `BibleChapterPicker` to match the current design. Row padding and tap targets are unchanged.

packages/ui/src/components/bible-chapter-picker.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -332,7 +332,7 @@ function Content({ onRequestClose, onSelect }: BibleChapterPickerContentProps) {
332332
{filteredBooks && filteredBooks.length > 0 ? (
333333
filteredBooks.map((bookItem) => (
334334
<AccordionItem
335-
className="yv:border-b yv:border-border"
335+
className="yv:border-b-0"
336336
key={bookItem.id}
337337
value={bookItem.id}
338338
id={bookItem.id}

0 commit comments

Comments
 (0)