From 5ed78879efa3a7d244a0bae71958cd0dd05b1ab3 Mon Sep 17 00:00:00 2001 From: Michael Arestad Date: Tue, 7 Mar 2023 14:20:24 -0700 Subject: [PATCH 1/3] Fix styling regression on introduction.mdx --- code/lib/cli/rendererAssets/common/Introduction.mdx | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/code/lib/cli/rendererAssets/common/Introduction.mdx b/code/lib/cli/rendererAssets/common/Introduction.mdx index a314fa7f4a8f..ad88d6e64079 100644 --- a/code/lib/cli/rendererAssets/common/Introduction.mdx +++ b/code/lib/cli/rendererAssets/common/Introduction.mdx @@ -49,7 +49,7 @@ import StackAlt from './assets/stackalt.svg'; .link-item { display: block; - padding: 20px 30px 20px 15px; + padding: 20px; border: 1px solid #00000010; border-radius: 5px; transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out; @@ -82,9 +82,11 @@ import StackAlt from './assets/stackalt.svg'; flex: none; } - .link-item span { + .link-item span, + .link-item p { + margin: 0; font-size: 14px; - line-height: 20px; + line-height: 18px; } .tip { From 5c4a69adfcbc39bacd0d55d7a45962cdaabefbdf Mon Sep 17 00:00:00 2001 From: Yann Braga Date: Wed, 8 Mar 2023 19:20:26 +0100 Subject: [PATCH 2/3] Fix styling regression on introduction.mdx on next.js templates --- code/frameworks/nextjs/template/cli/js/Introduction.mdx | 8 +++++--- .../nextjs/template/cli/ts-3-8/Introduction.mdx | 8 +++++--- code/frameworks/nextjs/template/cli/ts/Introduction.mdx | 8 +++++--- 3 files changed, 15 insertions(+), 9 deletions(-) diff --git a/code/frameworks/nextjs/template/cli/js/Introduction.mdx b/code/frameworks/nextjs/template/cli/js/Introduction.mdx index 056f00057c32..f41bd735a3d0 100644 --- a/code/frameworks/nextjs/template/cli/js/Introduction.mdx +++ b/code/frameworks/nextjs/template/cli/js/Introduction.mdx @@ -51,7 +51,7 @@ import StackAlt from './assets/stackalt.svg'; .link-item { display: block; - padding: 20px 30px 20px 15px; + padding: 20px; border: 1px solid #00000010; border-radius: 5px; transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out; @@ -84,9 +84,11 @@ import StackAlt from './assets/stackalt.svg'; flex: none; } - .link-item span { + .link-item span, + .link-item p { + margin: 0; font-size: 14px; - line-height: 20px; + line-height: 18px; } .tip { diff --git a/code/frameworks/nextjs/template/cli/ts-3-8/Introduction.mdx b/code/frameworks/nextjs/template/cli/ts-3-8/Introduction.mdx index 056f00057c32..f41bd735a3d0 100644 --- a/code/frameworks/nextjs/template/cli/ts-3-8/Introduction.mdx +++ b/code/frameworks/nextjs/template/cli/ts-3-8/Introduction.mdx @@ -51,7 +51,7 @@ import StackAlt from './assets/stackalt.svg'; .link-item { display: block; - padding: 20px 30px 20px 15px; + padding: 20px; border: 1px solid #00000010; border-radius: 5px; transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out; @@ -84,9 +84,11 @@ import StackAlt from './assets/stackalt.svg'; flex: none; } - .link-item span { + .link-item span, + .link-item p { + margin: 0; font-size: 14px; - line-height: 20px; + line-height: 18px; } .tip { diff --git a/code/frameworks/nextjs/template/cli/ts/Introduction.mdx b/code/frameworks/nextjs/template/cli/ts/Introduction.mdx index 4812a8d3b2f0..f3ae17052841 100644 --- a/code/frameworks/nextjs/template/cli/ts/Introduction.mdx +++ b/code/frameworks/nextjs/template/cli/ts/Introduction.mdx @@ -51,7 +51,7 @@ import StackAlt from './assets/stackalt.svg'; .link-item { display: block; - padding: 20px 30px 20px 15px; + padding: 20px; border: 1px solid #00000010; border-radius: 5px; transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out; @@ -84,9 +84,11 @@ import StackAlt from './assets/stackalt.svg'; flex: none; } - .link-item span { + .link-item span, + .link-item p { + margin: 0; font-size: 14px; - line-height: 20px; + line-height: 18px; } .tip { From 6e36056fb8abd9f30fb2847550d97b9a43597c85 Mon Sep 17 00:00:00 2001 From: Michael Arestad Date: Thu, 9 Mar 2023 10:09:47 -0700 Subject: [PATCH 3/3] Change line-height back to 20px --- code/frameworks/nextjs/template/cli/js/Introduction.mdx | 2 +- code/frameworks/nextjs/template/cli/ts-3-8/Introduction.mdx | 2 +- code/frameworks/nextjs/template/cli/ts/Introduction.mdx | 2 +- code/lib/cli/rendererAssets/common/Introduction.mdx | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/code/frameworks/nextjs/template/cli/js/Introduction.mdx b/code/frameworks/nextjs/template/cli/js/Introduction.mdx index f41bd735a3d0..7055076a5273 100644 --- a/code/frameworks/nextjs/template/cli/js/Introduction.mdx +++ b/code/frameworks/nextjs/template/cli/js/Introduction.mdx @@ -88,7 +88,7 @@ import StackAlt from './assets/stackalt.svg'; .link-item p { margin: 0; font-size: 14px; - line-height: 18px; + line-height: 20px; } .tip { diff --git a/code/frameworks/nextjs/template/cli/ts-3-8/Introduction.mdx b/code/frameworks/nextjs/template/cli/ts-3-8/Introduction.mdx index f41bd735a3d0..7055076a5273 100644 --- a/code/frameworks/nextjs/template/cli/ts-3-8/Introduction.mdx +++ b/code/frameworks/nextjs/template/cli/ts-3-8/Introduction.mdx @@ -88,7 +88,7 @@ import StackAlt from './assets/stackalt.svg'; .link-item p { margin: 0; font-size: 14px; - line-height: 18px; + line-height: 20px; } .tip { diff --git a/code/frameworks/nextjs/template/cli/ts/Introduction.mdx b/code/frameworks/nextjs/template/cli/ts/Introduction.mdx index f3ae17052841..2418db1e8772 100644 --- a/code/frameworks/nextjs/template/cli/ts/Introduction.mdx +++ b/code/frameworks/nextjs/template/cli/ts/Introduction.mdx @@ -88,7 +88,7 @@ import StackAlt from './assets/stackalt.svg'; .link-item p { margin: 0; font-size: 14px; - line-height: 18px; + line-height: 20px; } .tip { diff --git a/code/lib/cli/rendererAssets/common/Introduction.mdx b/code/lib/cli/rendererAssets/common/Introduction.mdx index ad88d6e64079..ff7fc71fbf8a 100644 --- a/code/lib/cli/rendererAssets/common/Introduction.mdx +++ b/code/lib/cli/rendererAssets/common/Introduction.mdx @@ -86,7 +86,7 @@ import StackAlt from './assets/stackalt.svg'; .link-item p { margin: 0; font-size: 14px; - line-height: 18px; + line-height: 20px; } .tip {