Merge remote-tracking branch 'origin/feature/SDPAP-7795-powerbi-ifram…

…e-height' into hotfix/1.37.1
dpc-sdp · May 15, 2023 · 7ed1389 · 7ed1389
2 parents ba8c6ef + e7cb696
commit 7ed1389
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/components/Organisms/Markup/Markup.vue b/packages/components/Organisms/Markup/Markup.vue
@@ -182,6 +182,12 @@ $no-padding: 0;
         }
       }
     }
+
+    &--auto {
+      iframe {
+        max-height: none;
+      }
+    }
   }
 
   /* Callouts */

diff --git a/packages/ripple-nuxt-tide/lib/config/markup-plugins.js b/packages/ripple-nuxt-tide/lib/config/markup-plugins.js
@@ -121,13 +121,17 @@ const parseForLinks = function () {
 
 const pluginIframe = function () {
   // wrap iFrames
-  const wrapperClasses = ['rpl-markup__iframe-container']
   this.find('iframe').map((i, el) => {
     const iframe = this.find(el)
+    const wrapperClasses = ['rpl-markup__iframe-container']
     // If no height setting from CMS, we give it a default height.
     if (!iframe.attr('height')) {
       wrapperClasses.push('rpl-markup__iframe-container--default')
     }
+    // If it's a PowerBI embed we remove the max-height setting.
+    if (iframe.attr('src')?.includes('powerbi.com')) {
+      wrapperClasses.push(`rpl-markup__iframe-container--auto`)
+    }
     const markup = `<div class="${wrapperClasses.join(' ')}"></div>`
     return iframe.wrap(markup)
   })