@pocketprep/ui-kit 3.4.13 → 3.4.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@pocketprep/ui-kit.js.map +1 -1
- package/dist/@pocketprep/ui-kit.umd.cjs.map +1 -1
- package/dist/style.css +1 -1
- package/lib/components/Quiz/Question/DropdownExplanation.vue +4 -30
- package/lib/components/Quiz/Question/Explanation.vue +4 -6
- package/lib/components/Quiz/Question/PassageAndImage.vue +1 -5
- package/lib/components/Quiz/Question.vue +0 -95
- package/package.json +1 -1
|
@@ -136,34 +136,12 @@ export default class DropdownExplanation extends Vue {
|
|
|
136
136
|
}
|
|
137
137
|
|
|
138
138
|
&__toggle-dropdown-explanation-img-description {
|
|
139
|
-
margin-top:
|
|
140
|
-
margin-bottom:
|
|
139
|
+
margin-top: 14px;
|
|
140
|
+
margin-bottom: 16px;
|
|
141
141
|
|
|
142
142
|
&--open {
|
|
143
|
-
margin-bottom: 6px;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
&--tablet-portrait {
|
|
147
|
-
&.uikit-question-dropdown-explanation__toggle-dropdown-explanation-img-description--no-reference {
|
|
148
|
-
margin-bottom: 4px;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
&.uikit-question-dropdown-explanation__toggle-dropdown-explanation-img-description--open {
|
|
152
|
-
margin-bottom: 6px;
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
&--mobile {
|
|
157
143
|
margin-top: 16px;
|
|
158
|
-
margin-bottom:
|
|
159
|
-
|
|
160
|
-
&.uikit-question-dropdown-explanation__toggle-dropdown-explanation-img-description--no-reference {
|
|
161
|
-
margin-bottom: 7px;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
&.uikit-question-dropdown-explanation__toggle-dropdown-explanation-img-description--open {
|
|
165
|
-
margin-bottom: 4px;
|
|
166
|
-
}
|
|
144
|
+
margin-bottom: 6px;
|
|
167
145
|
}
|
|
168
146
|
}
|
|
169
147
|
|
|
@@ -200,16 +178,12 @@ export default class DropdownExplanation extends Vue {
|
|
|
200
178
|
color: $ash;
|
|
201
179
|
font-size: 15px;
|
|
202
180
|
line-height: 22px;
|
|
203
|
-
margin-bottom:
|
|
181
|
+
margin-bottom: 16px;
|
|
204
182
|
|
|
205
183
|
&--dark {
|
|
206
184
|
color: $fog;
|
|
207
185
|
}
|
|
208
186
|
|
|
209
|
-
&--mobile {
|
|
210
|
-
margin-bottom: 16px;
|
|
211
|
-
}
|
|
212
|
-
|
|
213
187
|
p {
|
|
214
188
|
margin: 0;
|
|
215
189
|
}
|
|
@@ -261,15 +261,13 @@ export default class Explanation extends Vue {
|
|
|
261
261
|
}
|
|
262
262
|
|
|
263
263
|
&__toggle-explanation-img-description {
|
|
264
|
-
margin-top:
|
|
264
|
+
margin-top: 14px;
|
|
265
|
+
margin-bottom: 16px;
|
|
265
266
|
|
|
266
267
|
&--open {
|
|
268
|
+
margin-top: 16px;
|
|
267
269
|
margin-bottom: 6px;
|
|
268
270
|
}
|
|
269
|
-
|
|
270
|
-
&--tablet-landscape {
|
|
271
|
-
margin-top: 12px;
|
|
272
|
-
}
|
|
273
271
|
}
|
|
274
272
|
|
|
275
273
|
&__explanation-img-description {
|
|
@@ -279,7 +277,7 @@ export default class Explanation extends Vue {
|
|
|
279
277
|
font-weight: 500;
|
|
280
278
|
letter-spacing: -0.2px;
|
|
281
279
|
line-height: 22px;
|
|
282
|
-
margin-bottom:
|
|
280
|
+
margin-bottom: 16px;
|
|
283
281
|
|
|
284
282
|
&--dark {
|
|
285
283
|
color: $fog;
|
|
@@ -178,11 +178,7 @@ export default class PassageAndImage extends Vue {
|
|
|
178
178
|
|
|
179
179
|
&__toggle-passage-image-description {
|
|
180
180
|
margin-top: 16px;
|
|
181
|
-
margin-bottom:
|
|
182
|
-
|
|
183
|
-
&--tablet-landscape {
|
|
184
|
-
margin-top: 12px;
|
|
185
|
-
}
|
|
181
|
+
margin-bottom: 6px;
|
|
186
182
|
}
|
|
187
183
|
|
|
188
184
|
&__toggle-passage-image-description-text {
|
|
@@ -1458,101 +1458,6 @@ export default class Question extends Vue {
|
|
|
1458
1458
|
}
|
|
1459
1459
|
}
|
|
1460
1460
|
|
|
1461
|
-
&__correct-icon {
|
|
1462
|
-
position: absolute;
|
|
1463
|
-
top: 12px;
|
|
1464
|
-
right: 15px;
|
|
1465
|
-
width: 22px;
|
|
1466
|
-
height: 22px;
|
|
1467
|
-
color: $cadaverous;
|
|
1468
|
-
|
|
1469
|
-
&--dark {
|
|
1470
|
-
color: $jungle-green;
|
|
1471
|
-
}
|
|
1472
|
-
|
|
1473
|
-
&--review-mode {
|
|
1474
|
-
top: 11px;
|
|
1475
|
-
}
|
|
1476
|
-
}
|
|
1477
|
-
|
|
1478
|
-
&__incorrect-icon {
|
|
1479
|
-
position: absolute;
|
|
1480
|
-
top: 12px;
|
|
1481
|
-
right: 10px;
|
|
1482
|
-
width: 22px;
|
|
1483
|
-
height: 22px;
|
|
1484
|
-
color: $pepper;
|
|
1485
|
-
|
|
1486
|
-
&--mcr {
|
|
1487
|
-
top: 11px;
|
|
1488
|
-
}
|
|
1489
|
-
|
|
1490
|
-
&--dark {
|
|
1491
|
-
color: $rosa;
|
|
1492
|
-
}
|
|
1493
|
-
}
|
|
1494
|
-
|
|
1495
|
-
&__choice-stats-pct {
|
|
1496
|
-
position: absolute;
|
|
1497
|
-
top: 50%;
|
|
1498
|
-
right: 10px;
|
|
1499
|
-
transform: translateY(-50%);
|
|
1500
|
-
color: $ash;
|
|
1501
|
-
font-size: 15.5px;
|
|
1502
|
-
letter-spacing: -0.2px;
|
|
1503
|
-
line-height: 19px;
|
|
1504
|
-
font-weight: 600;
|
|
1505
|
-
transition: 0.1s right ease;
|
|
1506
|
-
|
|
1507
|
-
&--dark {
|
|
1508
|
-
color: $fog;
|
|
1509
|
-
}
|
|
1510
|
-
|
|
1511
|
-
&--big {
|
|
1512
|
-
right: 15px;
|
|
1513
|
-
}
|
|
1514
|
-
}
|
|
1515
|
-
|
|
1516
|
-
&__choice-stats-bar {
|
|
1517
|
-
position: absolute;
|
|
1518
|
-
bottom: 0;
|
|
1519
|
-
width: 100%;
|
|
1520
|
-
height: 12px;
|
|
1521
|
-
box-sizing: border-box;
|
|
1522
|
-
background-color: $fog;
|
|
1523
|
-
border-radius: 0 0 5px 5px;
|
|
1524
|
-
overflow: hidden;
|
|
1525
|
-
|
|
1526
|
-
&--dark {
|
|
1527
|
-
background-color: $ash;
|
|
1528
|
-
}
|
|
1529
|
-
}
|
|
1530
|
-
|
|
1531
|
-
&__choice-stats-bar-fill {
|
|
1532
|
-
background-color: $slate-01;
|
|
1533
|
-
height: 100%;
|
|
1534
|
-
|
|
1535
|
-
&--dark {
|
|
1536
|
-
background-color: $pewter;
|
|
1537
|
-
}
|
|
1538
|
-
|
|
1539
|
-
&--correct {
|
|
1540
|
-
background-color: $cadaverous;
|
|
1541
|
-
|
|
1542
|
-
&--dark {
|
|
1543
|
-
background-color: $jungle-green;
|
|
1544
|
-
}
|
|
1545
|
-
}
|
|
1546
|
-
|
|
1547
|
-
&--incorrect {
|
|
1548
|
-
background-color: $pepper;
|
|
1549
|
-
|
|
1550
|
-
&--dark {
|
|
1551
|
-
background-color: $rosa;
|
|
1552
|
-
}
|
|
1553
|
-
}
|
|
1554
|
-
}
|
|
1555
|
-
|
|
1556
1461
|
&__motivational-moment {
|
|
1557
1462
|
position: absolute;
|
|
1558
1463
|
right: -150px;
|