From 300a4b907c93c9b44b447d4c835cde29d3228085 Mon Sep 17 00:00:00 2001 From: James Taylor <146064280+TaylorJ76@users.noreply.github.com> Date: Thu, 12 Sep 2024 15:32:08 +0100 Subject: [PATCH] chore(docs): september update (VIV-000) (#1900) * chore: updates sept docs * chore: removes v4 announcement from docs * chore: fixes typo --------- Co-authored-by: James Taylor --- apps/docs/assets/styles/main.scss | 7 ++-- apps/docs/content/_layouts/base.njk | 24 +------------- apps/docs/content/guides/eslint-plugin.md | 2 -- apps/docs/content/guides/vivid-2-migration.md | 6 ++-- .../monthly-updates/september-2024.md | 32 +++++++++++++++++++ 5 files changed, 38 insertions(+), 33 deletions(-) create mode 100644 apps/docs/content/whats-new/monthly-updates/september-2024.md diff --git a/apps/docs/assets/styles/main.scss b/apps/docs/assets/styles/main.scss index d87983db38..d415d8486d 100644 --- a/apps/docs/assets/styles/main.scss +++ b/apps/docs/assets/styles/main.scss @@ -232,9 +232,8 @@ p.lede { max-inline-size: 55ch; } -article.article > h1 + .heading-wrapper h2, -article.article > h1 + p + .heading-wrapper h2 { - margin-block-start: 0; +.heading-wrapper:first-of-type h2 { + margin-block-start: 36px; } vwc-tab-panel pre.hljs:first-child { @@ -290,7 +289,6 @@ vwc-note ~ vwc-note { .table-wrapper { display: inline-flex; box-sizing: border-box; - padding-block: 8px; } @media (width <= 768px) { @@ -302,6 +300,7 @@ vwc-note ~ vwc-note { table { border-collapse: collapse; + margin-block: 16px; } thead > tr { diff --git a/apps/docs/content/_layouts/base.njk b/apps/docs/content/_layouts/base.njk index 9b2b0f39ed..304358cc6c 100644 --- a/apps/docs/content/_layouts/base.njk +++ b/apps/docs/content/_layouts/base.njk @@ -44,29 +44,7 @@ {% block header %}{% endblock %} - - - - - - +
diff --git a/apps/docs/content/guides/eslint-plugin.md b/apps/docs/content/guides/eslint-plugin.md index 7fe156901c..5808800211 100644 --- a/apps/docs/content/guides/eslint-plugin.md +++ b/apps/docs/content/guides/eslint-plugin.md @@ -62,6 +62,4 @@ The plugin provides a set of rules that can be extended or overridden. To custom ### {{ rule.name }} -{% renderFile rule.markdown %} - {% endfor %} diff --git a/apps/docs/content/guides/vivid-2-migration.md b/apps/docs/content/guides/vivid-2-migration.md index 795ecbc7c4..e67b06af00 100644 --- a/apps/docs/content/guides/vivid-2-migration.md +++ b/apps/docs/content/guides/vivid-2-migration.md @@ -5,10 +5,8 @@ order: 6 # Migrating From Vivid 2.x to Vivid 3.x -Vivid 3.x has been rewritten from scratch. - -It comes with almost all components that are available in Vivid 2.x, and many new ones. -All of them are better in both code and semantics. All the components are aligned with the HTML spec and are accessible. +Vivid 3.x has been rewritten from scratch.
It comes with almost all components that are available in Vivid 2.x, and many new ones. +All of them are better in both code and semantics. All the components are aligned with the HTML spec and are more accessible. If you are migrating to Vivid 3.x, you can install it alongside Vivid 2.x for an easy and gradual migration. diff --git a/apps/docs/content/whats-new/monthly-updates/september-2024.md b/apps/docs/content/whats-new/monthly-updates/september-2024.md new file mode 100644 index 0000000000..c6907632bf --- /dev/null +++ b/apps/docs/content/whats-new/monthly-updates/september-2024.md @@ -0,0 +1,32 @@ +--- +title: September 2024 +month: 2024-09 +--- + +# September 2024 - Monthly Update + +## Office Hours Meetings + +See the [Office Hours minutes](https://docs.google.com/document/d/1E0yvyGUzBoQFH5l_W6ElBoZaxqZ3HWmDLDqOl0lc8a0/edit#heading=h.6an7tptc81o2) for more details. + +**03/09/2024** + +- A question was raised over the Vivid / Vue binding bundle size + - Libraries such as Video.js are being exported even when not used + - It was agreed to look into improving tree shaking in the Vue bindings + +## Data-grid: sort icon placement change + +The [sort icon in the header](/components/data-grid/#columndefinitions) of data-grid are now aligned closer to the header text. + +## FAB: adds condensed size + +We have added a [condensed size](/components/fab/#size) to the FAB component. + +## Icon: adds warning connotation + +We have added a [warning connotation](/components/icon/#connotation) to the Icon component. + +## Tabs: adds shadow to tabs list when they scroll + +We have added a shadow to the tab list container when the number/size of tab items creates a scroll. Previously, it could be hard to see that there were more items.