From 6d52e78c649190d9ac9b1e3793e5c6e492b3e702 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Wed, 20 Aug 2025 22:25:25 -0300 Subject: [PATCH 01/19] feat: create responsive css-only table --- .../Releases/PreviousReleasesTable.tsx | 18 +++++--- .../ui-components/src/styles/markdown.css | 46 +++++++++++++++---- 2 files changed, 49 insertions(+), 15 deletions(-) diff --git a/apps/site/components/Releases/PreviousReleasesTable.tsx b/apps/site/components/Releases/PreviousReleasesTable.tsx index 2471caa45c942..f84577c6d50cc 100644 --- a/apps/site/components/Releases/PreviousReleasesTable.tsx +++ b/apps/site/components/Releases/PreviousReleasesTable.tsx @@ -43,24 +43,30 @@ const PreviousReleasesTable: FC = () => { {releaseData.map(release => ( - - + + v{release.major} - {release.codename || '-'} + + {release.codename || '-'} + - + - + - + {release.status} {release.status === 'End-of-life' ? ' (EoL)' : ''} diff --git a/packages/ui-components/src/styles/markdown.css b/packages/ui-components/src/styles/markdown.css index b4f9a2cc73cde..7ca651ad01d78 100644 --- a/packages/ui-components/src/styles/markdown.css +++ b/packages/ui-components/src/styles/markdown.css @@ -128,23 +128,51 @@ main { w-full border-separate border-spacing-0 - border border-neutral-200 text-left text-sm + max-sm:block + md:border dark:border-neutral-800; + thead { + @apply max-sm:sr-only; + } + + tbody { + @apply max-sm:block + max-sm:space-y-4; + } + + tr { + @apply max-sm:rounded-xs + max-sm:block + max-sm:border + max-sm:border-neutral-200 + max-sm:p-4 + max-sm:before:content-[attr(data-label)] + max-sm:dark:border-neutral-800; + } + + td { + @apply border-b + max-sm:flex + max-sm:gap-2 + max-sm:py-2 + max-sm:before:grow + max-sm:before:content-[attr(data-label)] + max-sm:last:border-0; + } + th, td { - @apply max-xs:block - max-xs:border-l-0 - border - border-r-0 - border-t-0 - border-neutral-200 - px-4 - py-2 + @apply border-neutral-200 text-neutral-900 + md:border + md:border-r-0 + md:border-t-0 + md:px-4 + md:py-2 dark:border-neutral-800 dark:text-white; From c7d05ea48552f7b6130c89df0399ef5c26fb5c4f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Wed, 20 Aug 2025 22:25:48 -0300 Subject: [PATCH 02/19] feat: create remark table plugin --- apps/site/next.mdx.plugins.mjs | 3 +++ apps/site/package.json | 3 +++ apps/site/util/table.ts | 34 ++++++++++++++++++++++++++++++++++ pnpm-lock.yaml | 9 +++++++++ 4 files changed, 49 insertions(+) create mode 100644 apps/site/util/table.ts diff --git a/apps/site/next.mdx.plugins.mjs b/apps/site/next.mdx.plugins.mjs index a857a298de193..76a8cd777982b 100644 --- a/apps/site/next.mdx.plugins.mjs +++ b/apps/site/next.mdx.plugins.mjs @@ -7,6 +7,8 @@ import rehypeSlug from 'rehype-slug'; import remarkGfm from 'remark-gfm'; import readingTime from 'remark-reading-time'; +import remarkTableTitles from './util/table'; + /** * Provides all our Rehype Plugins that are used within MDX */ @@ -30,4 +32,5 @@ export const REMARK_PLUGINS = [ remarkHeadings, // Calculates the reading time of the content readingTime, + remarkTableTitles, ]; diff --git a/apps/site/package.json b/apps/site/package.json index ee68546fb5a79..1c33850e433c4 100644 --- a/apps/site/package.json +++ b/apps/site/package.json @@ -59,6 +59,7 @@ "feed": "~5.1.0", "github-slugger": "~2.0.0", "gray-matter": "~4.0.3", + "mdast-util-to-string": "^4.0.0", "next": "15.5.2", "next-intl": "~4.3.5", "next-themes": "~0.4.6", @@ -73,6 +74,7 @@ "semver": "~7.7.2", "sval": "^0.6.3", "tailwindcss": "catalog:", + "unist-util-visit": "^5.0.0", "vfile": "~6.0.3", "vfile-matter": "~5.0.1" }, @@ -83,6 +85,7 @@ "@opennextjs/cloudflare": "^1.6.4", "@playwright/test": "^1.54.1", "@testing-library/user-event": "~14.6.1", + "@types/mdast": "^4.0.4", "@types/mdx": "^2.0.13", "@types/semver": "~7.7.0", "dedent": "^1.6.0", diff --git a/apps/site/util/table.ts b/apps/site/util/table.ts new file mode 100644 index 0000000000000..308b74aff2bf4 --- /dev/null +++ b/apps/site/util/table.ts @@ -0,0 +1,34 @@ +import type { Root } from 'mdast'; +import { toString } from 'mdast-util-to-string'; +import { visit } from 'unist-util-visit'; + +/** + * Remark plugin that adds data-label attributes to table cells (td) + * based on their corresponding table headers (th). + */ +export default function remarkTableTitles() { + return (tree: Root) => { + visit(tree, 'table', table => { + // Ensure table has at least a header row and one data row + if (table.children.length < 2) return; + + const [headerRow, ...dataRows] = table.children; + + // Extract header labels from the first row + const headerLabels = headerRow.children.map(headerCell => + toString(headerCell.children) + ); + + // Assign data-label to each cell in data rows + dataRows.forEach(row => { + row.children.forEach((cell, idx) => { + cell.data ??= {}; + + cell.data.hProperties = { + 'data-label': headerLabels[idx], + }; + }); + }); + }); + }; +} diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 9d01f9b6bf95b..c17f79f6944d3 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -159,6 +159,9 @@ importers: gray-matter: specifier: ~4.0.3 version: 4.0.3 + mdast-util-to-string: + specifier: ^4.0.0 + version: 4.0.0 next: specifier: 15.5.2 version: 15.5.2(@opentelemetry/api@1.9.0)(@playwright/test@1.54.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1) @@ -201,6 +204,9 @@ importers: tailwindcss: specifier: 'catalog:' version: 4.0.17 + unist-util-visit: + specifier: ^5.0.0 + version: 5.0.0 vfile: specifier: ~6.0.3 version: 6.0.3 @@ -226,6 +232,9 @@ importers: '@testing-library/user-event': specifier: ~14.6.1 version: 14.6.1(@testing-library/dom@10.4.0) + '@types/mdast': + specifier: ^4.0.4 + version: 4.0.4 '@types/mdx': specifier: ^2.0.13 version: 2.0.13 From a34e99081f5e84a624fe24aece56641338fb0340 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Wed, 20 Aug 2025 22:37:10 -0300 Subject: [PATCH 03/19] fix: better row label --- apps/site/components/Releases/PreviousReleasesTable.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/site/components/Releases/PreviousReleasesTable.tsx b/apps/site/components/Releases/PreviousReleasesTable.tsx index f84577c6d50cc..58f7846f80fd2 100644 --- a/apps/site/components/Releases/PreviousReleasesTable.tsx +++ b/apps/site/components/Releases/PreviousReleasesTable.tsx @@ -43,7 +43,7 @@ const PreviousReleasesTable: FC = () => { {releaseData.map(release => ( - + v{release.major} From 01c774d7bbe400b49b0e48e6163e1d26b5b578d1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Wed, 20 Aug 2025 22:37:31 -0300 Subject: [PATCH 04/19] fix: remove flex container --- packages/ui-components/src/styles/markdown.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/packages/ui-components/src/styles/markdown.css b/packages/ui-components/src/styles/markdown.css index 7ca651ad01d78..b9729b96ebdc6 100644 --- a/packages/ui-components/src/styles/markdown.css +++ b/packages/ui-components/src/styles/markdown.css @@ -156,10 +156,12 @@ main { td { @apply border-b - max-sm:flex - max-sm:gap-2 + max-sm:relative + max-sm:block max-sm:py-2 - max-sm:before:grow + max-sm:pl-[40%] + max-sm:before:absolute + max-sm:before:left-0 max-sm:before:content-[attr(data-label)] max-sm:last:border-0; } From 2c29ab8c4f6e8f1c12f93399ad5ba0f1734831af Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Wed, 20 Aug 2025 22:50:22 -0300 Subject: [PATCH 05/19] refactor: organize rules --- .../ui-components/src/styles/markdown.css | 67 ++++++++++--------- 1 file changed, 36 insertions(+), 31 deletions(-) diff --git a/packages/ui-components/src/styles/markdown.css b/packages/ui-components/src/styles/markdown.css index b9729b96ebdc6..654f375f4b27c 100644 --- a/packages/ui-components/src/styles/markdown.css +++ b/packages/ui-components/src/styles/markdown.css @@ -135,37 +135,7 @@ main { md:border dark:border-neutral-800; - thead { - @apply max-sm:sr-only; - } - - tbody { - @apply max-sm:block - max-sm:space-y-4; - } - - tr { - @apply max-sm:rounded-xs - max-sm:block - max-sm:border - max-sm:border-neutral-200 - max-sm:p-4 - max-sm:before:content-[attr(data-label)] - max-sm:dark:border-neutral-800; - } - - td { - @apply border-b - max-sm:relative - max-sm:block - max-sm:py-2 - max-sm:pl-[40%] - max-sm:before:absolute - max-sm:before:left-0 - max-sm:before:content-[attr(data-label)] - max-sm:last:border-0; - } - + /* Common border and text styles */ th, td { @apply border-neutral-200 @@ -183,6 +153,41 @@ main { } } + /* Mobile-specific styles */ + @media (max-width: 40rem) { + thead { + @apply sr-only; + } + + tbody { + @apply block + space-y-4; + } + + tr { + @apply rounded-xs + block + border + border-neutral-200 + p-4 + dark:border-neutral-800; + } + + td { + @apply relative + block + border-b + py-2 + pl-[50%] + before:absolute + before:left-0 + before:top-1/2 + before:-translate-y-1/2 + before:content-[attr(data-label)] + last:border-0; + } + } + th { @apply font-semibold; } From 5a1a852bd4245ea965660499a5f21d983c9730a2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Wed, 20 Aug 2025 23:03:26 -0300 Subject: [PATCH 06/19] feat: some stylish --- packages/ui-components/src/styles/markdown.css | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/packages/ui-components/src/styles/markdown.css b/packages/ui-components/src/styles/markdown.css index 654f375f4b27c..59d8ac801ed67 100644 --- a/packages/ui-components/src/styles/markdown.css +++ b/packages/ui-components/src/styles/markdown.css @@ -170,7 +170,13 @@ main { border border-neutral-200 p-4 - dark:border-neutral-800; + before:mb-2 + before:text-sm + before:font-medium + before:text-neutral-500 + before:content-[attr(data-label)] + dark:border-neutral-800 + dark:before:text-neutral-400; } td { @@ -179,12 +185,18 @@ main { border-b py-2 pl-[50%] + text-right + text-neutral-600 before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 + before:font-medium + before:text-neutral-700 before:content-[attr(data-label)] - last:border-0; + last:border-0 + dark:text-neutral-300 + dark:before:text-neutral-200; } } From a700d9cda47c1125b774ea868026d5313b7deff7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Wed, 20 Aug 2025 23:05:35 -0300 Subject: [PATCH 07/19] fix: oops --- packages/ui-components/src/styles/markdown.css | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/ui-components/src/styles/markdown.css b/packages/ui-components/src/styles/markdown.css index 59d8ac801ed67..319a756eb2436 100644 --- a/packages/ui-components/src/styles/markdown.css +++ b/packages/ui-components/src/styles/markdown.css @@ -195,6 +195,7 @@ main { before:text-neutral-700 before:content-[attr(data-label)] last:border-0 + dark:border-neutral-900 dark:text-neutral-300 dark:before:text-neutral-200; } From 377c1dd51634d6eb7c203b6b7ac0f4e9cd580254 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Wed, 20 Aug 2025 23:09:21 -0300 Subject: [PATCH 08/19] fix: array boundaries --- apps/site/util/table.ts | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/apps/site/util/table.ts b/apps/site/util/table.ts index 308b74aff2bf4..7d96bc137a071 100644 --- a/apps/site/util/table.ts +++ b/apps/site/util/table.ts @@ -24,6 +24,10 @@ export default function remarkTableTitles() { row.children.forEach((cell, idx) => { cell.data ??= {}; + if (idx > headerLabels.length) { + return; + } + cell.data.hProperties = { 'data-label': headerLabels[idx], }; From 947d1f58be0b632b4a47dd0750cc01a12472613a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Mon, 25 Aug 2025 12:31:53 -0300 Subject: [PATCH 09/19] fix: break words --- packages/ui-components/src/styles/markdown.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/ui-components/src/styles/markdown.css b/packages/ui-components/src/styles/markdown.css index 319a756eb2436..1ebe1660e1930 100644 --- a/packages/ui-components/src/styles/markdown.css +++ b/packages/ui-components/src/styles/markdown.css @@ -190,7 +190,9 @@ main { before:absolute before:left-0 before:top-1/2 + before:w-1/2 before:-translate-y-1/2 + before:break-words before:font-medium before:text-neutral-700 before:content-[attr(data-label)] From 81df7db37c8875ed0fc9f554ca695bb51d896b7e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Thu, 28 Aug 2025 18:35:01 -0300 Subject: [PATCH 10/19] fix: align end --- .../EOL/VulnerabilityChips/VulnerabilityChip/index.tsx | 6 +----- apps/site/components/EOL/VulnerabilityChips/index.tsx | 2 +- packages/ui-components/src/styles/markdown.css | 5 +++-- 3 files changed, 5 insertions(+), 8 deletions(-) diff --git a/apps/site/components/EOL/VulnerabilityChips/VulnerabilityChip/index.tsx b/apps/site/components/EOL/VulnerabilityChips/VulnerabilityChip/index.tsx index e3dfe947eceff..6ed179e6cdcc9 100644 --- a/apps/site/components/EOL/VulnerabilityChips/VulnerabilityChip/index.tsx +++ b/apps/site/components/EOL/VulnerabilityChips/VulnerabilityChip/index.tsx @@ -20,11 +20,7 @@ const VulnerabilityChip: FC = ({ const t = useTranslations(); return ( - + {count > 0 ? {count} : null} {t(`components.eolChip.severity.${severity}`)} diff --git a/apps/site/components/EOL/VulnerabilityChips/index.tsx b/apps/site/components/EOL/VulnerabilityChips/index.tsx index d1cb0354dd794..930c0e3997416 100644 --- a/apps/site/components/EOL/VulnerabilityChips/index.tsx +++ b/apps/site/components/EOL/VulnerabilityChips/index.tsx @@ -23,7 +23,7 @@ const VulnerabilityChips: FC = ({ ); return ( -
+
{SEVERITY_ORDER.filter(severity => groupedBySeverity[severity] > 0).map( severity => ( Date: Sat, 30 Aug 2025 10:18:33 -0300 Subject: [PATCH 11/19] fix: disable table cards when column count is <= 1 --- .../EOL/VulnerabilityChips/index.tsx | 2 +- apps/site/util/table.ts | 8 +++ .../ui-components/src/styles/markdown.css | 60 ++++++++++--------- 3 files changed, 42 insertions(+), 28 deletions(-) diff --git a/apps/site/components/EOL/VulnerabilityChips/index.tsx b/apps/site/components/EOL/VulnerabilityChips/index.tsx index 930c0e3997416..a6a9cdf7b276b 100644 --- a/apps/site/components/EOL/VulnerabilityChips/index.tsx +++ b/apps/site/components/EOL/VulnerabilityChips/index.tsx @@ -23,7 +23,7 @@ const VulnerabilityChips: FC = ({ ); return ( -
+
{SEVERITY_ORDER.filter(severity => groupedBySeverity[severity] > 0).map( severity => ( toString(headerCell.children) diff --git a/packages/ui-components/src/styles/markdown.css b/packages/ui-components/src/styles/markdown.css index e2dbdfa9ec460..ef73851fae9a0 100644 --- a/packages/ui-components/src/styles/markdown.css +++ b/packages/ui-components/src/styles/markdown.css @@ -128,23 +128,22 @@ main { w-full border-separate border-spacing-0 + border border-neutral-200 text-left text-sm - max-sm:block - md:border dark:border-neutral-800; /* Common border and text styles */ th, td { - @apply border-neutral-200 + @apply border + border-r-0 + border-t-0 + border-neutral-200 + px-4 + py-2 text-neutral-900 - md:border - md:border-r-0 - md:border-t-0 - md:px-4 - md:py-2 dark:border-neutral-800 dark:text-white; @@ -153,8 +152,30 @@ main { } } - /* Mobile-specific styles */ - @media (max-width: 40rem) { + th { + @apply font-semibold; + } + + tr:last-child > td { + @apply sm:border-b-0; + + &:last-child { + @apply max-xs:border-b-0; + } + } + + td:first-child, + th:first-child { + @apply sm:border-l-0; + } + } + + /* Mobile-specific styles */ + @media (max-width: 40rem) { + table:not([data-cards='false']) { + @apply block + border-0; + thead { @apply sr-only; } @@ -182,7 +203,9 @@ main { td { @apply relative block + border-0 border-b + px-0 py-2 pl-[33%] text-right @@ -203,22 +226,5 @@ main { dark:before:text-neutral-200; } } - - th { - @apply font-semibold; - } - - tr:last-child > td { - @apply sm:border-b-0; - - &:last-child { - @apply max-xs:border-b-0; - } - } - - td:first-child, - th:first-child { - @apply sm:border-l-0; - } } } From 8bdc0f6fa30c7a804cd7fa4c021dd48a9372d995 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Sat, 30 Aug 2025 13:47:00 -0300 Subject: [PATCH 12/19] fix: no wrap whitespace --- packages/ui-components/src/Common/Badge/index.module.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/ui-components/src/Common/Badge/index.module.css b/packages/ui-components/src/Common/Badge/index.module.css index 49226aa0c9c00..e66c7ef94f282 100644 --- a/packages/ui-components/src/Common/Badge/index.module.css +++ b/packages/ui-components/src/Common/Badge/index.module.css @@ -1,7 +1,8 @@ @reference "../../styles/index.css"; .badge { - @apply rounded-full + @apply whitespace-nowrap + rounded-full text-center text-white; From 88e1cf24646c3f746030b3660f403b7a0fd031bc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Tue, 9 Sep 2025 16:11:31 -0300 Subject: [PATCH 13/19] fix: remove description truncate --- apps/site/components/EOL/VulnerabilitiesTable.tsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/apps/site/components/EOL/VulnerabilitiesTable.tsx b/apps/site/components/EOL/VulnerabilitiesTable.tsx index fac5d23d3107d..053b1c3388757 100644 --- a/apps/site/components/EOL/VulnerabilitiesTable.tsx +++ b/apps/site/components/EOL/VulnerabilitiesTable.tsx @@ -1,4 +1,3 @@ -import classNames from 'classnames'; import { useTranslations } from 'next-intl'; import type { FC } from 'react'; @@ -47,7 +46,7 @@ const VulnerabilitiesTable: FC<{ - + {vulnerability.description || vulnerability.overview || '-'} From 69841758b8f5ac0b5574db34dc93b6f1b5478dd1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Tue, 9 Sep 2025 16:15:47 -0300 Subject: [PATCH 14/19] fix: add missing labels --- apps/site/components/EOL/VulnerabilitiesTable.tsx | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/apps/site/components/EOL/VulnerabilitiesTable.tsx b/apps/site/components/EOL/VulnerabilitiesTable.tsx index 053b1c3388757..1bf77df963c9c 100644 --- a/apps/site/components/EOL/VulnerabilitiesTable.tsx +++ b/apps/site/components/EOL/VulnerabilitiesTable.tsx @@ -28,7 +28,7 @@ const VulnerabilitiesTable: FC<{ {vulnerabilities.map((vulnerability, i) => ( - + {vulnerability.cve.map(cveId => (
0 || '-'} - + - + {vulnerability.description || vulnerability.overview || '-'} - + {vulnerability.url && ( Date: Tue, 9 Sep 2025 16:39:37 -0300 Subject: [PATCH 15/19] feat: split minor releases columns --- .../Releases/MinorReleasesTable/index.tsx | 120 +++++++++--------- .../ReleaseOverviewItem/index.tsx | 9 +- packages/i18n/src/locales/en.json | 4 +- .../ui-components/src/styles/markdown.css | 4 + 4 files changed, 70 insertions(+), 67 deletions(-) diff --git a/apps/site/components/Releases/MinorReleasesTable/index.tsx b/apps/site/components/Releases/MinorReleasesTable/index.tsx index 3ccc67a23c8c7..1c8662f492389 100644 --- a/apps/site/components/Releases/MinorReleasesTable/index.tsx +++ b/apps/site/components/Releases/MinorReleasesTable/index.tsx @@ -21,70 +21,64 @@ const MinorReleasesTable: FC = ({ releases }) => { const t = useTranslations(); return ( -
- - - - - - - - - - {releases.map(release => ( - - + + ))} + +
{t('components.minorReleasesTable.version')}{t('components.minorReleasesTable.information')}{t('components.minorReleasesTable.links')}
- - v{release.version} + + + + + + + + + + + + {releases.map(release => ( + + + + + + - - - - ))} - -
{t('components.minorReleasesTable.version')}{t('components.minorReleasesTable.nApiVersion')}{t('components.minorReleasesTable.npmVersion')}{t('components.minorReleasesTable.v8Version')}{t('components.minorReleasesTable.links')}
+ + v{release.version} + + + {release.modules && ( + + )} + + {release.npm && ( + + )} + + + +
+ + {t('components.minorReleasesTable.actions.docs')} -
-
- {release.modules && ( - <> - - - - )} - {release.npm && ( - <> - - - - )} - -
- 		-
- - {t('components.minorReleasesTable.actions.docs')} - - - - {t('components.minorReleasesTable.actions.changelog')} - -
-
- + + + {t('components.minorReleasesTable.actions.changelog')} + + +
); }; diff --git a/apps/site/components/Releases/ReleaseOverview/ReleaseOverviewItem/index.tsx b/apps/site/components/Releases/ReleaseOverview/ReleaseOverviewItem/index.tsx index 2f1ca257a1d90..935d04d660ce5 100644 --- a/apps/site/components/Releases/ReleaseOverview/ReleaseOverviewItem/index.tsx +++ b/apps/site/components/Releases/ReleaseOverview/ReleaseOverviewItem/index.tsx @@ -1,3 +1,4 @@ +import classNames from 'classnames'; import type { FC, ReactNode, SVGProps } from 'react'; import styles from './index.module.css'; @@ -5,19 +6,21 @@ import styles from './index.module.css'; type ReleaseOverviewItemProps = { Icon: FC>; title: ReactNode; - subtitle: ReactNode; + subtitle?: ReactNode; + className?: string; }; const ReleaseOverviewItem: FC = ({ Icon, title, subtitle, + className, }) => { return ( -
+
-

{subtitle}

+ {subtitle &&

{subtitle}

}

{title}

diff --git a/packages/i18n/src/locales/en.json b/packages/i18n/src/locales/en.json index 3fec6ccf78e87..18faf3a92c9af 100644 --- a/packages/i18n/src/locales/en.json +++ b/packages/i18n/src/locales/en.json @@ -217,7 +217,9 @@ "minorReleasesTable": { "version": "Version", "links": "Links", - "information": "Version Informations", + "nApiVersion": "N-API version", + "npmVersion": "npm version", + "v8Version": "V8 version", "actions": { "release": "Release", "changelog": "Changelog", diff --git a/packages/ui-components/src/styles/markdown.css b/packages/ui-components/src/styles/markdown.css index ef73851fae9a0..75539e62dee15 100644 --- a/packages/ui-components/src/styles/markdown.css +++ b/packages/ui-components/src/styles/markdown.css @@ -225,6 +225,10 @@ main { dark:text-neutral-300 dark:before:text-neutral-200; } + + td div { + @apply justify-end; + } } } } From b4f2d0b9af34bc3c528e2ba5a93917980e3d14e4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Tue, 9 Sep 2025 16:41:37 -0300 Subject: [PATCH 16/19] fix: smaller modal padding on mobile --- packages/ui-components/src/Common/Modal/index.module.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/ui-components/src/Common/Modal/index.module.css b/packages/ui-components/src/Common/Modal/index.module.css index c9da0809358e1..0ab884d4f99f7 100644 --- a/packages/ui-components/src/Common/Modal/index.module.css +++ b/packages/ui-components/src/Common/Modal/index.module.css @@ -23,9 +23,11 @@ border border-neutral-200 bg-white - p-8 + p-4 focus:outline-none sm:my-20 + md:p-6 + lg:p-8 xl:p-12 dark:border-neutral-800 dark:bg-neutral-950; From 569eb2bf70505be8e5915a41f0de2c3246a2d246 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Tue, 9 Sep 2025 16:46:41 -0300 Subject: [PATCH 17/19] refactor: nit --- apps/site/util/table.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/apps/site/util/table.ts b/apps/site/util/table.ts index e08be49456eaa..fa1bc93f7fc91 100644 --- a/apps/site/util/table.ts +++ b/apps/site/util/table.ts @@ -10,7 +10,9 @@ export default function remarkTableTitles() { return (tree: Root) => { visit(tree, 'table', table => { // Ensure table has at least a header row and one data row - if (table.children.length < 2) return; + if (table.children.length < 2) { + return; + } const [headerRow, ...dataRows] = table.children; From 52ab65ced0537d716c3857b912bfe6c970c015e5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Tue, 9 Sep 2025 17:32:46 -0300 Subject: [PATCH 18/19] fix: break words --- packages/ui-components/src/styles/markdown.css | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/ui-components/src/styles/markdown.css b/packages/ui-components/src/styles/markdown.css index 75539e62dee15..00fd0db5cc5f9 100644 --- a/packages/ui-components/src/styles/markdown.css +++ b/packages/ui-components/src/styles/markdown.css @@ -203,6 +203,7 @@ main { td { @apply relative block + break-words border-0 border-b px-0 From f691a91578204a0c858b20ceb6b96d735d19c1ac Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guilherme=20Ara=C3=BAjo?= Date: Tue, 9 Sep 2025 18:51:35 -0300 Subject: [PATCH 19/19] fix: sibling anchors --- packages/ui-components/src/styles/markdown.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/ui-components/src/styles/markdown.css b/packages/ui-components/src/styles/markdown.css index 00fd0db5cc5f9..271be851da619 100644 --- a/packages/ui-components/src/styles/markdown.css +++ b/packages/ui-components/src/styles/markdown.css @@ -147,8 +147,8 @@ main { dark:border-neutral-800 dark:text-white; - > a { - @apply pr-2; + a + a { + @apply mr-2; } }