fix: change to visibility instead of display

baloise · Oct 18, 2022 · 54efef5 · 54efef5
1 parent b51df4e
commit 54efef5
Show file tree

Hide file tree

Showing 9 changed files with 9 additions and 9 deletions.
diff --git a/packages/components/src/components/bal-button/test/bal-button.perf.html b/packages/components/src/components/bal-button/test/bal-button.perf.html
@@ -7,7 +7,7 @@
 
     <style>
       .bal-body {
-        display: none;
+        visibility: hidden;
       }
     </style>
 

diff --git a/packages/components/src/components/bal-navigation/test/bal-navigation.perf.html b/packages/components/src/components/bal-navigation/test/bal-navigation.perf.html
@@ -7,7 +7,7 @@
 
     <style>
       .bal-body {
-        display: none;
+        visibility: hidden;
       }
     </style>
 

diff --git a/packages/components/src/components/bal-navigation/test/bal-navigation.visual.html b/packages/components/src/components/bal-navigation/test/bal-navigation.visual.html
@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     <style>
       .bal-body {
-        display: none;
+        visibility: hidden;
       }
     </style>
     <script type="module" src="/build/design-system-components.esm.js"></script>

diff --git a/packages/components/src/stories/design/07-page-layout.stories.mdx b/packages/components/src/stories/design/07-page-layout.stories.mdx
@@ -18,7 +18,7 @@ It is recommended to use following page layout:
 <head>
   <style>
     .bal-body {
-      display: none;
+      visibility: hidden;
     }
   </style>
   ...

diff --git a/...ages/components/src/stories/getting-started/angular/01-installation.stories.mdx b/...ages/components/src/stories/getting-started/angular/01-installation.stories.mdx
@@ -194,7 +194,7 @@ To avoid that set the below style tag into your head of the `index.html`. This w
 ```html
 <style>
   .bal-body {
-    display: none;
+    visibility: hidden;
   }
 </style>
 ```

diff --git a/packages/components/src/stories/getting-started/html5/01-installation.stories.mdx b/packages/components/src/stories/getting-started/html5/01-installation.stories.mdx
@@ -39,7 +39,7 @@ Add the `bal-app` to your root element. Within this component we are able to use
   <head>
     <style>
       .bal-body {
-        display: none;
+        visibility: hidden;
       }
     </style>
     <meta charset="UTF-8" />

diff --git a/packages/components/src/stories/getting-started/react/01-installation.stories.mdx b/packages/components/src/stories/getting-started/react/01-installation.stories.mdx
@@ -109,7 +109,7 @@ To avoid that set the below style tag into your head of the `index.html`. This w
 ```html
 <style>
   .bal-body {
-    display: none;
+    visibility: hidden;
   }
 </style>
 ```

diff --git a/packages/components/src/stories/getting-started/vue/01-installation.stories.mdx b/packages/components/src/stories/getting-started/vue/01-installation.stories.mdx
@@ -205,7 +205,7 @@ To avoid that set the below style tag into your head of the `index.html`. This w
 ```html
 <style>
   .bal-body {
-    display: none;
+    visibility: hidden;
   }
 </style>
 ```

diff --git a/packages/components/src/styles/global.base.sass b/packages/components/src/styles/global.base.sass
@@ -4,4 +4,4 @@
 // Sets the defined body content visible after
 // the web-components have been loaded
 .bal-body.is-ready
-  display: block
+  visibility: inherit