WP Frontend: Use smaller padding when embedded by another window

Pookie717 · Dec 2, 2022 · b93ec60 · b93ec60
1 parent 8aca439
commit b93ec60
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/wordpress-wasm/wordpress.html b/src/wordpress-wasm/wordpress.html
@@ -34,6 +34,10 @@
         padding: 55px 60px;
       }
 
+      .is-embedded .fake-window-wrapper {
+       	padding: 15px;
+      }
+
       .fake-window {
         display: flex;
         flex-direction: column;
@@ -300,6 +304,9 @@
     </style>
   </head>
   <body class="is-loading">
+    <script>
+     if (window.top!=window.self) document.body.classList.add('is-embedded');
+    </script>
 
     <div id="test-snippets"></div>