Cleaning up storybook + css comment

Khan · Aug 27, 2024 · 8977f11 · 8977f11
1 parent e45d031
commit 8977f11
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 24 deletions.
diff --git a/packages/perseus/src/widgets/__stories__/interactive-graph-regression.stories.tsx b/packages/perseus/src/widgets/__stories__/interactive-graph-regression.stories.tsx
@@ -81,11 +81,6 @@ export const MafsWithLargeRange = (args: StoryArgs): React.ReactElement => (
 
 export const MafsWithYAxisAtLeft = (args: StoryArgs): React.ReactElement => (
     <>
-        <MafsQuestionRenderer
-            question={interactiveGraphQuestionBuilder()
-                .withXRange(0, 20)
-                .build()}
-        />
         <MafsQuestionRenderer
             question={interactiveGraphQuestionBuilder()
                 .withXRange(0, 20)
@@ -97,12 +92,6 @@ export const MafsWithYAxisAtLeft = (args: StoryArgs): React.ReactElement => (
 
 export const MafsWithYAxisNearLeft = (args: StoryArgs): React.ReactElement => (
     <>
-        {" "}
-        <MafsQuestionRenderer
-            question={interactiveGraphQuestionBuilder()
-                .withXRange(-1, 20)
-                .build()}
-        />
         <MafsQuestionRenderer
             question={interactiveGraphQuestionBuilder()
                 .withXRange(-1, 20)
@@ -116,12 +105,6 @@ export const MafsWithYAxisJustOverLeft = (
     args: StoryArgs,
 ): React.ReactElement => (
     <>
-        {" "}
-        <MafsQuestionRenderer
-            question={interactiveGraphQuestionBuilder()
-                .withXRange(-3, 20)
-                .build()}
-        />
         <MafsQuestionRenderer
             question={interactiveGraphQuestionBuilder()
                 .withXRange(-3, 20)
@@ -189,11 +172,6 @@ export const MafsWithXAxisJustOverBottom = (
     args: StoryArgs,
 ): React.ReactElement => (
     <>
-        <MafsQuestionRenderer
-            question={interactiveGraphQuestionBuilder()
-                .withYRange(-3, 20)
-                .build()}
-        />
         <MafsQuestionRenderer
             question={interactiveGraphQuestionBuilder()
                 .withYRange(-3, 20)

diff --git a/packages/perseus/src/widgets/interactive-graphs/mafs-styles.css b/packages/perseus/src/widgets/interactive-graphs/mafs-styles.css
@@ -35,7 +35,7 @@
 .MafsView > svg {
     /* Chrome/Safari bugfix for LEMS-1906 */
     display: block;
-    overflow: visible; /* <= our change */
+    overflow: visible; /* LEMS-2035: This ensures that Mafs doesn't clip the axis labels */
 }
 
 .MafsView .movable-line:hover,
@@ -263,6 +263,5 @@
 .MafsView .angle-arc,
 .MafsView .arc-right-angle {
     stroke: var(--mafs-blue);
-
     stroke-width: 0.1px;
 }