making rich table full width in student project steps

nasa-jpl · Sep 19, 2024 · f165ed0 · f165ed0
1 parent 43a5945
commit f165ed0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProject.stories.js b/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProject.stories.js
@@ -9,6 +9,7 @@ import { BaseVideoData } from './../../../components/BaseVideo/BaseVideo.stories
 import { BlockVideoEmbedData } from './../../../components/BlockVideoEmbed/BlockVideoEmbed.stories'
 import { BlockRelatedLinksData } from './../../../components/BlockRelatedLinks/BlockRelatedLinks.stories.js'
 import { BlockLinkCardCarouselData } from './../../../components/BlockLinkCarousel/BlockLinkCarousel.stories.js'
+import { BlockRichTableData } from './../../../components/BlockRichTable/BlockRichTable.stories'
 import {
   BlockStreamfieldTruncatedData,
   BlockStreamfieldMinimalData
@@ -139,7 +140,12 @@ export const BaseStory = {
         {
           heading: 'Lorem ipsum dolor no media',
           media: [],
-          content: [BlockImageData, ...BlockStreamfieldMinimalData.body, BlockInlineImageData.block]
+          content: [
+            BlockImageData,
+            ...BlockStreamfieldMinimalData.body,
+            BlockRichTableData,
+            BlockInlineImageData.block
+          ]
         },
         {
           heading: 'Sit amet',
@@ -156,7 +162,7 @@ export const BaseStory = {
         {
           heading: 'Consectatur adipscing',
           media: [BlockImageComparisonData],
-          content: BlockStreamfieldMinimalData.body
+          content: BlockStreamfieldTruncatedData.body
         }
       ],
 

diff --git a/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProjectSection.vue b/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProjectSection.vue
@@ -187,7 +187,7 @@ const { heading, blocks, image, steps, stepsNumbering, text } = reactive(props)
     @apply text-jpl-red;
   }
   .PageEduStudentProjectStep__fullWidth {
-    .LayoutHelper > div > .BlockText {
+    .LayoutHelper > div > .BlockText:not(.BlockRichTable.BlockText) {
       @screen lg {
         @apply mr-[10rem];
       }