Minimum top margin in tabbed examples (#820)

* Minimum top margin in tabbed examples * Changed test * padding-top instead of collapsed margin * prettier fix
mdn · Sep 29, 2022 · 870de64 · 870de64
1 parent d3891a7
commit 870de64
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 6 deletions.
diff --git a/__tests__/puppeteer-tabbed-editor.test.js b/__tests__/puppeteer-tabbed-editor.test.js
@@ -9,7 +9,7 @@ describe("Tabbed Editor", () => {
         "<style>" +
         ".output{background-color:#fff;color:#15141aff;" +
         "font-size:0.9rem;line-height:1.5;overflow:scroll;" +
-        "padding:1rem;height:100%;}" +
+        "padding:2rem 1rem 1rem;height:100%;}" +
         "</style>" +
         "<style>" +
         "address { font-variant-caps: small-caps;}a { font-variant: normal;}" +

diff --git a/editor/js/editor-libs/template-utils.js b/editor/js/editor-libs/template-utils.js
@@ -3,7 +3,7 @@
  * @returns base style rules for the output class
  */
 export function getOutputBaseStyle() {
-  return ".output{background-color:#fff;color:#15141aff;font-size:0.9rem;line-height:1.5;overflow:scroll;padding:1rem;height:100%;}";
+  return ".output{background-color:#fff;color:#15141aff;font-size:0.9rem;line-height:1.5;overflow:scroll;padding:2rem 1rem 1rem;height:100%;}";
 }
 
 /**

diff --git a/webpack.config.js b/webpack.config.js
@@ -66,10 +66,7 @@ export default {
     },
   },
   optimization: {
-    minimizer: [
-      `...`,
-      new CssMinimizerPlugin(),
-    ],
+    minimizer: [`...`, new CssMinimizerPlugin()],
     splitChunks: {
       chunks: "async",
     },