Skip to content

Commit df20459

Browse files
bethshookBeth Shook
bethshook
and
Beth Shook
authored
new type scale (#91)
* increase font size on progress bar and attempts left * increase font size * update snaps --------- Co-authored-by: Beth Shook <[email protected]>
1 parent bea6052 commit df20459

12 files changed

+67
-67
lines changed

‎src/components/Card.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -129,7 +129,7 @@ const StepCardHeader = styled.div`
129129
`}
130130
131131
${breakpoints.mobile`
132-
font-size: 1.4rem;
132+
font-size: 1.6rem;
133133
line-height: 2rem;
134134
padding: 10px 8px;
135135

‎src/components/ExerciseHeaderIcons.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ const Popover = styled.div`
4545
top: 3rem;
4646
width: 20rem;
4747
position: absolute;
48-
font-size: 1.2rem;
48+
font-size: 1.4rem;
4949
line-height: 1.8rem;
5050
`;
5151

‎src/components/ExerciseToolbar.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,7 @@ export const StyledToolbar = styled.div<{
9292
9393
span {
9494
display: block;
95-
font-size: 1rem;
95+
font-size: 1.4rem;
9696
margin-top: 0.2rem;
9797
color: ${colors.palette.neutral};
9898
text-align: center;

‎src/components/ProgressBar.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ export const StyledItem = styled.button<{ variant: ProgressBarItemVariant, isAct
6262
border: 0;
6363
border-radius: 50%;
6464
margin: ${props => props.isActive ? '0' : '0 0.3rem'};
65-
font-size: 1.4rem;
65+
font-size: 1.6rem;
6666
font-weight: bold;
6767
cursor: pointer;
6868
color: ${colors.palette.neutralDarker};

‎src/components/StepCardFooter.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ export const StepCardFooter = styled.div`
66
display: flex;
77
flex-wrap: wrap;
88
justify-content: space-between;
9-
font-size: calc(1.4rem * var(--content-text-scale));
9+
font-size: calc(1.6rem * var(--content-text-scale));
1010
line-height: calc(2rem * var(--content-text-scale));
1111
background: ${colors.card.body.background};
1212
overflow: auto;

‎src/components/__snapshots__/Card.spec.tsx.snap

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ exports[`StepCard matches snapshot 1`] = `
88
className="sc-bczRLJ eAXREJ"
99
>
1010
<div
11-
className="sc-dkzDqf ihThJf"
11+
className="sc-dkzDqf iertSZ"
1212
>
1313
<div>
1414
<h2
@@ -55,7 +55,7 @@ exports[`StepCard matches snapshot with more than one question 1`] = `
5555
className="sc-bczRLJ eAXREJ"
5656
>
5757
<div
58-
className="sc-dkzDqf ihThJf"
58+
className="sc-dkzDqf iertSZ"
5959
>
6060
<div>
6161
<h2
@@ -109,7 +109,7 @@ exports[`TaskStepCard can optionally provide task 1`] = `
109109
className="sc-bczRLJ eAXREJ exercise-step"
110110
>
111111
<div
112-
className="sc-dkzDqf ihThJf"
112+
className="sc-dkzDqf iertSZ"
113113
>
114114
<div>
115115
<h2
@@ -148,7 +148,7 @@ exports[`TaskStepCard can optionally provide type 1`] = `
148148
className="sc-bczRLJ eAXREJ exercise-step"
149149
>
150150
<div
151-
className="sc-dkzDqf ihThJf"
151+
className="sc-dkzDqf iertSZ"
152152
>
153153
<div>
154154
<h2
@@ -187,7 +187,7 @@ exports[`TaskStepCard matches snapshot 1`] = `
187187
className="sc-bczRLJ eAXREJ exercise-step"
188188
>
189189
<div
190-
className="sc-dkzDqf ihThJf"
190+
className="sc-dkzDqf iertSZ"
191191
>
192192
<div>
193193
<h2

‎src/components/__snapshots__/Exercise.spec.tsx.snap

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ exports[`Exercise using step data matches snapshot 1`] = `
1212
className="sc-bczRLJ eAXREJ exercise-step sc-evZas dPJYxI sc-ksZaOG kmSAkY"
1313
>
1414
<div
15-
className="sc-dkzDqf ihThJf"
15+
className="sc-dkzDqf iertSZ"
1616
>
1717
<div>
1818
<h2
@@ -157,7 +157,7 @@ exports[`Exercise using step data matches snapshot 1`] = `
157157
</div>
158158
</div>
159159
<div
160-
className="sc-iBkjds kLYXXQ step-card-footer"
160+
className="sc-iBkjds gVkNEK step-card-footer"
161161
>
162162
<div
163163
className="step-card-footer-inner"
@@ -203,7 +203,7 @@ exports[`Exercise with question state data matches snapshot 1`] = `
203203
className="sc-bczRLJ eAXREJ exercise-step sc-evZas dPJYxI sc-ksZaOG kmSAkY"
204204
>
205205
<div
206-
className="sc-dkzDqf ihThJf"
206+
className="sc-dkzDqf iertSZ"
207207
>
208208
<div>
209209
<h2
@@ -342,7 +342,7 @@ exports[`Exercise with question state data matches snapshot 1`] = `
342342
</div>
343343
</div>
344344
<div
345-
className="sc-iBkjds kLYXXQ step-card-footer"
345+
className="sc-iBkjds gVkNEK step-card-footer"
346346
>
347347
<div
348348
className="step-card-footer-inner"
@@ -381,7 +381,7 @@ exports[`Exercise with question state data renders header icons with multiple ch
381381
className="sc-breuTD uXhmp"
382382
>
383383
<div
384-
className="sc-ftvSup jndYKm"
384+
className="sc-ftvSup eUSUwo"
385385
>
386386
<a
387387
href="https://openstax.org"
@@ -442,7 +442,7 @@ exports[`Exercise with question state data renders header icons with multiple ch
442442
className="sc-bczRLJ eAXREJ exercise-step sc-evZas dPJYxI sc-ksZaOG kmSAkY"
443443
>
444444
<div
445-
className="sc-dkzDqf ihThJf"
445+
className="sc-dkzDqf iertSZ"
446446
>
447447
<div>
448448
<h2
@@ -495,7 +495,7 @@ exports[`Exercise with question state data renders header icons with multiple ch
495495
/>
496496
</svg>
497497
<div
498-
className="sc-kDDrLX fBhBLm popover right"
498+
className="sc-kDDrLX cCjffY popover right"
499499
>
500500
<div
501501
className="arrow"
@@ -535,7 +535,7 @@ exports[`Exercise with question state data renders header icons with multiple ch
535535
/>
536536
</svg>
537537
<div
538-
className="sc-kDDrLX fBhBLm popover right"
538+
className="sc-kDDrLX cCjffY popover right"
539539
>
540540
<div
541541
className="arrow"
@@ -667,7 +667,7 @@ exports[`Exercise with question state data renders header icons with multiple ch
667667
</div>
668668
</div>
669669
<div
670-
className="sc-iBkjds kLYXXQ step-card-footer"
670+
className="sc-iBkjds gVkNEK step-card-footer"
671671
>
672672
<div
673673
className="step-card-footer-inner"
@@ -706,7 +706,7 @@ exports[`Exercise with question state data renders header icons with two-step ex
706706
className="sc-breuTD uXhmp"
707707
>
708708
<div
709-
className="sc-ftvSup jndYKm"
709+
className="sc-ftvSup eUSUwo"
710710
>
711711
<a
712712
href="https://openstax.org"
@@ -767,7 +767,7 @@ exports[`Exercise with question state data renders header icons with two-step ex
767767
className="sc-bczRLJ eAXREJ exercise-step sc-evZas dPJYxI sc-ksZaOG kmSAkY"
768768
>
769769
<div
770-
className="sc-dkzDqf ihThJf"
770+
className="sc-dkzDqf iertSZ"
771771
>
772772
<div>
773773
<h2
@@ -820,7 +820,7 @@ exports[`Exercise with question state data renders header icons with two-step ex
820820
/>
821821
</svg>
822822
<div
823-
className="sc-kDDrLX fBhBLm popover right"
823+
className="sc-kDDrLX cCjffY popover right"
824824
>
825825
<div
826826
className="arrow"
@@ -860,7 +860,7 @@ exports[`Exercise with question state data renders header icons with two-step ex
860860
/>
861861
</svg>
862862
<div
863-
className="sc-kDDrLX fBhBLm popover right"
863+
className="sc-kDDrLX cCjffY popover right"
864864
>
865865
<div
866866
className="arrow"
@@ -900,7 +900,7 @@ exports[`Exercise with question state data renders header icons with two-step ex
900900
/>
901901
</svg>
902902
<div
903-
className="sc-kDDrLX fBhBLm popover right"
903+
className="sc-kDDrLX cCjffY popover right"
904904
>
905905
<div
906906
className="arrow"
@@ -1032,7 +1032,7 @@ exports[`Exercise with question state data renders header icons with two-step ex
10321032
</div>
10331033
</div>
10341034
<div
1035-
className="sc-iBkjds kLYXXQ step-card-footer"
1035+
className="sc-iBkjds gVkNEK step-card-footer"
10361036
>
10371037
<div
10381038
className="step-card-footer-inner"
@@ -1078,7 +1078,7 @@ exports[`Exercise with question state data shows a detailed solution 1`] = `
10781078
className="sc-bczRLJ eAXREJ exercise-step sc-evZas dPJYxI sc-ksZaOG kmSAkY"
10791079
>
10801080
<div
1081-
className="sc-dkzDqf ihThJf"
1081+
className="sc-dkzDqf iertSZ"
10821082
>
10831083
<div>
10841084
<h2
@@ -1217,7 +1217,7 @@ exports[`Exercise with question state data shows a detailed solution 1`] = `
12171217
</div>
12181218
</div>
12191219
<div
1220-
className="sc-iBkjds kLYXXQ step-card-footer"
1220+
className="sc-iBkjds gVkNEK step-card-footer"
12211221
>
12221222
<div
12231223
className="step-card-footer-inner"

‎src/components/__snapshots__/ExerciseHeaderIcons.spec.tsx.snap

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ exports[`ExerciseIcons matches snapshot 1`] = `
3131
/>
3232
</svg>
3333
<div
34-
className="sc-dkzDqf dhyzaB popover right"
34+
className="sc-dkzDqf iulbST popover right"
3535
>
3636
<div
3737
className="arrow"
@@ -71,7 +71,7 @@ exports[`ExerciseIcons matches snapshot 1`] = `
7171
/>
7272
</svg>
7373
<div
74-
className="sc-dkzDqf dhyzaB popover right"
74+
className="sc-dkzDqf iulbST popover right"
7575
>
7676
<div
7777
className="arrow"
@@ -111,7 +111,7 @@ exports[`ExerciseIcons matches snapshot 1`] = `
111111
/>
112112
</svg>
113113
<div
114-
className="sc-dkzDqf dhyzaB popover right"
114+
className="sc-dkzDqf iulbST popover right"
115115
>
116116
<div
117117
className="arrow"

‎src/components/__snapshots__/ExerciseQuestion.spec.tsx.snap

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -106,7 +106,7 @@ exports[`ExerciseQuestion matches snapshot 1`] = `
106106
</div>
107107
</div>
108108
<div
109-
className="sc-hKMtZM IyIWE step-card-footer"
109+
className="sc-hKMtZM iGTyMe step-card-footer"
110110
>
111111
<div
112112
className="step-card-footer-inner"
@@ -252,7 +252,7 @@ exports[`ExerciseQuestion renders Re-submit button 1`] = `
252252
</div>
253253
</div>
254254
<div
255-
className="sc-hKMtZM IyIWE step-card-footer"
255+
className="sc-hKMtZM iGTyMe step-card-footer"
256256
>
257257
<div
258258
className="step-card-footer-inner"
@@ -399,7 +399,7 @@ exports[`ExerciseQuestion renders Save button 1`] = `
399399
</div>
400400
</div>
401401
<div
402-
className="sc-hKMtZM IyIWE step-card-footer"
402+
className="sc-hKMtZM iGTyMe step-card-footer"
403403
>
404404
<div
405405
className="step-card-footer-inner"
@@ -546,7 +546,7 @@ exports[`ExerciseQuestion renders Submit & continue button 1`] = `
546546
</div>
547547
</div>
548548
<div
549-
className="sc-hKMtZM IyIWE step-card-footer"
549+
className="sc-hKMtZM iGTyMe step-card-footer"
550550
>
551551
<div
552552
className="step-card-footer-inner"
@@ -687,7 +687,7 @@ exports[`ExerciseQuestion renders all attempts remaining 1`] = `
687687
</div>
688688
</div>
689689
<div
690-
className="sc-hKMtZM IyIWE step-card-footer"
690+
className="sc-hKMtZM iGTyMe step-card-footer"
691691
>
692692
<div
693693
className="step-card-footer-inner"
@@ -840,7 +840,7 @@ exports[`ExerciseQuestion renders continue button (unused?) 1`] = `
840840
</div>
841841
</div>
842842
<div
843-
className="sc-hKMtZM IyIWE step-card-footer"
843+
className="sc-hKMtZM iGTyMe step-card-footer"
844844
>
845845
<div
846846
className="step-card-footer-inner"
@@ -992,7 +992,7 @@ exports[`ExerciseQuestion renders detailed solution and published comments 1`] =
992992
</div>
993993
</div>
994994
<div
995-
className="sc-hKMtZM IyIWE step-card-footer"
995+
className="sc-hKMtZM iGTyMe step-card-footer"
996996
>
997997
<div
998998
className="step-card-footer-inner"
@@ -1156,7 +1156,7 @@ exports[`ExerciseQuestion renders free response 1`] = `
11561156
</div>
11571157
</div>
11581158
<div
1159-
className="sc-hKMtZM IyIWE step-card-footer"
1159+
className="sc-hKMtZM iGTyMe step-card-footer"
11601160
>
11611161
<div
11621162
className="step-card-footer-inner"
@@ -1302,7 +1302,7 @@ exports[`ExerciseQuestion renders no attempts remaining 1`] = `
13021302
</div>
13031303
</div>
13041304
<div
1305-
className="sc-hKMtZM IyIWE step-card-footer"
1305+
className="sc-hKMtZM iGTyMe step-card-footer"
13061306
>
13071307
<div
13081308
className="step-card-footer-inner"
@@ -1448,7 +1448,7 @@ exports[`ExerciseQuestion renders some attempts remaining 1`] = `
14481448
</div>
14491449
</div>
14501450
<div
1451-
className="sc-hKMtZM IyIWE step-card-footer"
1451+
className="sc-hKMtZM iGTyMe step-card-footer"
14521452
>
14531453
<div
14541454
className="step-card-footer-inner"

‎src/components/__snapshots__/ExerciseToolbar.spec.tsx.snap

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
exports[`ExerciseToolbar conditionally renders icons 2`] = `
44
<div
5-
className="sc-bczRLJ hhNxoz"
5+
className="sc-bczRLJ cYbzQJ"
66
>
77
<a
88
href="https://openstax.org"
@@ -34,7 +34,7 @@ exports[`ExerciseToolbar conditionally renders icons 2`] = `
3434

3535
exports[`ExerciseToolbar conditionally renders icons 3`] = `
3636
<div
37-
className="sc-bczRLJ hhNxoz"
37+
className="sc-bczRLJ cYbzQJ"
3838
>
3939
<a
4040
href="https://openstax.org"
@@ -66,7 +66,7 @@ exports[`ExerciseToolbar conditionally renders icons 3`] = `
6666

6767
exports[`ExerciseToolbar matches snapshot 1`] = `
6868
<div
69-
className="sc-bczRLJ hhNxoz"
69+
className="sc-bczRLJ cYbzQJ"
7070
>
7171
<a
7272
href="https://openstax.org"

0 commit comments

Comments
 (0)