Skip to content

Commit 0662141

Browse files
ofriwclaude
andcommitted
Fix learning objectives line wrapping in presentation slides
🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 4661109 commit 0662141

File tree

2 files changed

+9
-3
lines changed

2 files changed

+9
-3
lines changed

website/src/components/PresentationMode/RevealSlideshow.module.css

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -54,19 +54,25 @@
5454
.objectives {
5555
margin-top: 1.5em;
5656
text-align: left;
57-
max-width: 90%;
57+
max-width: 100%;
5858
margin-left: auto;
5959
margin-right: auto;
6060
}
6161

6262
.objectives h3 {
6363
font-size: clamp(1rem, 2vw, 1.2em);
6464
margin-bottom: 0.5em;
65+
margin-left: 0;
66+
margin-right: 0;
6567
}
6668

67-
.objectives ul {
69+
:global(.reveal) .objectives ul {
6870
list-style: none;
6971
padding: 0;
72+
display: block;
73+
max-width: 100%;
74+
margin-left: 0;
75+
margin-right: 0;
7076
}
7177

7278
.objectives li {

website/src/components/PresentationMode/RevealSlideshow.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -185,7 +185,7 @@ export default function RevealSlideshow({
185185
<p className={styles.subtitle}>{slide.subtitle}</p>
186186
)}
187187
{presentation.metadata.learningObjectives && (
188-
<div className={`${styles.objectives} ${styles.centeredContent}`}>
188+
<div className={styles.objectives}>
189189
<h3>Learning Objectives</h3>
190190
<ul>
191191
{presentation.metadata.learningObjectives.map((obj, i) => (

0 commit comments

Comments
 (0)