fix: APPS-2998 Update inline carousels with new prop (#49)

* task: update library components pkg from 3.27 to 3.28 * update: add inline prop to inline carousels --------- Co-authored-by: tinuola <tinuola@users.noreply.github.com>
UCLALibrary · Oct 8, 2024 · ee5fe12 · ee5fe12 · github-actions · Oct 8, 2024
1 parent d0c54a7
commit ee5fe12
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 10 deletions.
diff --git a/package.json b/package.json
@@ -39,6 +39,6 @@
 		"nuxt-graphql-request": "^7.0.5",
 		"sass": "^1.66.1",
 		"ucla-library-design-tokens": "^5.22.0",
-		"ucla-library-website-components": "3.26.0"
+		"ucla-library-website-components": "3.28.0"
 	}
 }
diff --git a/pages/events/[slug].vue b/pages/events/[slug].vue
@@ -140,6 +140,7 @@ const parsedFTVAEventScreeningDetails = computed(() => {
         <FlexibleMediaGalleryNewLightbox
           data-test="image-carousel"
           :items="parsedCarouselData"
+          inline="true"
         >
           <template #default="slotProps">
             <BlockTag

diff --git a/pages/series/[slug].vue b/pages/series/[slug].vue
@@ -196,7 +196,10 @@ onMounted(() => {
         v-else
         class="lightbox-container"
       >
-        <FlexibleMediaGalleryNewLightbox :items="parsedCarouselData">
+        <FlexibleMediaGalleryNewLightbox
+          :items="parsedCarouselData"
+          inline="true"
+        >
           <template #default="slotProps">
             <BlockTag :label="parsedCarouselData[slotProps.selectionIndex]?.creditText" />
           </template>
@@ -312,10 +315,7 @@ onMounted(() => {
   </main>
 </template>
 
-<style
-  lang="scss"
-  scoped
->
+<style lang="scss" scoped>
 // GENERAL PAGE STYLES / DESKTOP
 .page-event-series-detail {
   position: relative;

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml