Skip to content

Commit 63359a9

Browse files
committed
Fix learning objectives line wrapping (restore lost fix from merge)
The merge from podcast branch lost commit 0662141 which fixed learning objectives line wrapping. The podcast branch had diverged before that commit was made. Restored changes: - .objectives: Change max-width from 90% to 100% - .objectives: Remove flexbox properties (display, flex-direction, justify-content) - .objectives h3: Add margin-left: 0 and margin-right: 0 - .objectives ul: Change selector to :global(.reveal) .objectives ul - .objectives ul: Add display: block, max-width: 100%, margin-left/right: 0 This prevents learning objectives text from wrapping incorrectly in presentation slides.
1 parent 7856092 commit 63359a9

File tree

1 file changed

+8
-5
lines changed

1 file changed

+8
-5
lines changed

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

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -54,22 +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;
60-
display: flex;
61-
flex-direction: column;
62-
justify-content: center;
6360
}
6461

6562
.objectives h3 {
6663
font-size: clamp(1rem, 2vw, 1.2em);
6764
margin-bottom: 0.5em;
65+
margin-left: 0;
66+
margin-right: 0;
6867
}
6968

70-
.objectives ul {
69+
:global(.reveal) .objectives ul {
7170
list-style: none;
7271
padding: 0;
72+
display: block;
73+
max-width: 100%;
74+
margin-left: 0;
75+
margin-right: 0;
7376
}
7477

7578
.objectives li {

0 commit comments

Comments
 (0)