Skip to content

Commit 4661109

Browse files
ofriwclaude
andcommitted
Fix presentation slide title overlap by removing flexbox centering
Remove .centeredContent from bulletList and takeawayList slides to prevent vertical overflow. When justify-content: center is applied to flex items with flex-grow: 1, overflowing content extends upward and overlaps titles. Lists now rely on parent's flex-start alignment for natural top-to-bottom flow. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 8399a86 commit 4661109

File tree

1 file changed

+2
-4
lines changed

1 file changed

+2
-4
lines changed

website/src/components/PresentationMode/RevealSlideshow.tsx

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -205,7 +205,7 @@ export default function RevealSlideshow({
205205
>
206206
<h2>{slide.title}</h2>
207207
{slide.content && (
208-
<ul className={`${styles.bulletList} ${styles.centeredContent}`}>
208+
<ul className={styles.bulletList}>
209209
{slide.content
210210
.filter((item) => item.trim() !== '')
211211
.map((item, i) => (
@@ -398,9 +398,7 @@ export default function RevealSlideshow({
398398
>
399399
<h2>{slide.title}</h2>
400400
{slide.content && (
401-
<ul
402-
className={`${styles.takeawayList} ${styles.centeredContent}`}
403-
>
401+
<ul className={styles.takeawayList}>
404402
{slide.content.map((item, i) => (
405403
<li key={i} className="fragment">
406404
{item}

0 commit comments

Comments
 (0)