Skip to content

Commit b333402

Browse files
ofriwclaude
andcommitted
Refine presentation layout and formatting
Fix learning objectives width, clean up list styling, improve caption spacing. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent f18e99b commit b333402

File tree

2 files changed

+22
-21
lines changed

2 files changed

+22
-21
lines changed

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

Lines changed: 21 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -54,25 +54,19 @@
5454
.objectives {
5555
margin-top: 1.5em;
5656
text-align: left;
57-
max-width: 100%;
57+
max-width: 90%;
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;
6765
}
6866

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

7872
.objectives li {
@@ -90,19 +84,14 @@
9084
color: #42b883;
9185
}
9286

93-
/* Base class for all list-based presentation content */
94-
.presentationList {
95-
text-align: left;
96-
max-width: 90%;
97-
margin: 0 auto;
98-
padding: 0;
99-
list-style: none;
100-
}
101-
10287
.bulletList {
103-
composes: presentationList;
88+
text-align: left;
10489
font-size: clamp(1rem, 2vw, 1.2em);
10590
line-height: 1.6;
91+
margin: 0;
92+
max-width: 90%;
93+
margin-left: auto;
94+
margin-right: auto;
10695
}
10796

10897
.bulletList li {
@@ -114,7 +103,6 @@
114103
display: flex !important;
115104
flex-direction: column;
116105
justify-content: center;
117-
align-self: stretch;
118106
}
119107

120108
.codeBlock {
@@ -316,10 +304,23 @@
316304
max-height: 100%;
317305
}
318306

307+
/* Override constraints for large visual components */
308+
.visualContainer > :global(.three-context-workflow) {
309+
max-width: none;
310+
max-height: none;
311+
min-width: 85%;
312+
}
313+
319314
.takeawayList {
320-
composes: presentationList;
315+
text-align: left;
321316
font-size: clamp(0.9rem, 1.8vw, 1.1em);
322317
line-height: 1.6;
318+
margin: 0;
319+
list-style: none;
320+
padding: 0;
321+
max-width: 90%;
322+
margin-left: auto;
323+
margin-right: auto;
323324
}
324325

325326
.takeawayList li {

website/src/styles/presentation-system.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -153,7 +153,7 @@
153153
margin-top: auto;
154154
margin-bottom: 2em;
155155
flex-shrink: 0;
156-
padding-top: 0.5em;
156+
padding-top: 1.5em;
157157
padding-bottom: 0;
158158
}
159159

0 commit comments

Comments
 (0)