@khanacademy/perseus 10.0.1 → 10.1.0
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/CHANGELOG.md +15 -0
- package/dist/components/zoomable.d.ts +2 -0
- package/dist/es/index.css +26 -0
- package/dist/es/index.js +103 -114
- package/dist/es/index.js.map +1 -1
- package/dist/index.css +26 -0
- package/dist/index.js +103 -114
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/__tests__/__snapshots__/renderer.test.tsx.snap +1 -1
- package/src/components/__stories__/zoomable.stories.tsx +9 -1
- package/src/components/zoomable-tex.tsx +2 -0
- package/src/components/zoomable.tsx +10 -3
- package/src/styles/widgets/image.less +32 -0
- package/src/widgets/__stories__/image.stories.tsx +37 -0
- package/src/widgets/__tests__/__snapshots__/categorizer.test.ts.snap +1 -1
- package/src/widgets/__tests__/__snapshots__/group.test.tsx.snap +2 -2
- package/src/widgets/__tests__/__snapshots__/image.test.ts.snap +9 -11
- package/src/widgets/__tests__/__snapshots__/matrix.test.ts.snap +1 -1
- package/src/widgets/__tests__/__snapshots__/number-line.test.ts.snap +1 -1
- package/src/widgets/image.tsx +8 -31
- package/tsconfig-build.tsbuildinfo +1 -1
package/dist/index.css
CHANGED
|
@@ -2799,9 +2799,35 @@ body.mobile .categorizer-container td.category input[type="radio"] + span:active
|
|
|
2799
2799
|
top: calc(50% - 7px);
|
|
2800
2800
|
margin-left: -20px;
|
|
2801
2801
|
}
|
|
2802
|
+
.perseus-image-widget {
|
|
2803
|
+
margin: 0;
|
|
2804
|
+
}
|
|
2802
2805
|
.perseus-image-widget .perseus-image-title {
|
|
2803
2806
|
text-align: center;
|
|
2804
2807
|
}
|
|
2808
|
+
.perseus-image-widget .perseus-image-caption {
|
|
2809
|
+
color: rgba(33, 36, 44, 0.7);
|
|
2810
|
+
max-width: 420px;
|
|
2811
|
+
padding-left: 16px;
|
|
2812
|
+
position: relative;
|
|
2813
|
+
top: -12px;
|
|
2814
|
+
}
|
|
2815
|
+
.perseus-image-widget .perseus-image-caption::before {
|
|
2816
|
+
content: "";
|
|
2817
|
+
position: absolute;
|
|
2818
|
+
top: 0;
|
|
2819
|
+
bottom: 0;
|
|
2820
|
+
left: 0;
|
|
2821
|
+
margin-left: 4px;
|
|
2822
|
+
width: 1px;
|
|
2823
|
+
background-color: rgba(33, 36, 44, 0.5);
|
|
2824
|
+
border: 1px solid rgba(33, 36, 44, 0.5);
|
|
2825
|
+
border-radius: 2px;
|
|
2826
|
+
}
|
|
2827
|
+
.perseus-image-widget .perseus-image-caption .paragraph {
|
|
2828
|
+
font-size: 14px;
|
|
2829
|
+
padding-right: 12px;
|
|
2830
|
+
}
|
|
2805
2831
|
.perseus-image-editor .label-settings td {
|
|
2806
2832
|
padding: 5px 4px;
|
|
2807
2833
|
text-align: center;
|