fix: #537: Documentation does not work well on Safari (#611)

reapit · Mar 13, 2020 · cfb0d57 · cfb0d57
1 parent a7233c8
commit cfb0d57
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/elements/src/styles/components/layout.scss b/packages/elements/src/styles/components/layout.scss
@@ -37,6 +37,10 @@
     overflow-x: hidden;
   }
 
+  &.is-full-height {
+    height: 100%;
+  }
+
   &.has-background {
     background-color: $white;
   }

diff --git a/packages/marketplace/src/components/pages/api-docs.tsx b/packages/marketplace/src/components/pages/api-docs.tsx
@@ -37,8 +37,8 @@ const ApiDocsPage: React.FC = () => {
   const { location } = useHistory()
   return (
     <ErrorBoundary>
-      <FlexContainerBasic flexColumn hasPadding>
-        <FlexContainerBasic className="container">
+      <FlexContainerBasic flexColumn hasPadding className="is-full-height">
+        <FlexContainerBasic className="container is-full-height">
           <iframe
             style={{ border: 'none' }}
             src={`${IFRAME_URLS.documentation}${parseIframeUrl(location.hash)}`}