From db158ef67abd7538fa77eacd93c92765c2e37e8f Mon Sep 17 00:00:00 2001 From: Scott Anderson Date: Thu, 26 May 2022 08:53:40 -0600 Subject: [PATCH] hotfix: fixed telegraf install tab widths, closes #4067 --- CONTRIBUTING.md | 6 ++++++ assets/styles/layouts/article/_tabbed-content.scss | 5 +++++ content/telegraf/v1.10/introduction/installation.md | 2 +- content/telegraf/v1.11/introduction/installation.md | 2 +- content/telegraf/v1.12/introduction/installation.md | 2 +- content/telegraf/v1.13/introduction/installation.md | 2 +- content/telegraf/v1.14/introduction/installation.md | 2 +- content/telegraf/v1.15/introduction/installation.md | 2 +- content/telegraf/v1.16/introduction/installation.md | 2 +- content/telegraf/v1.17/introduction/installation.md | 2 +- content/telegraf/v1.18/introduction/installation.md | 2 +- content/telegraf/v1.19/introduction/installation.md | 2 +- content/telegraf/v1.20/introduction/installation.md | 2 +- content/telegraf/v1.21/introduction/installation.md | 2 +- content/telegraf/v1.22/install.md | 2 +- content/telegraf/v1.9/introduction/installation.md | 2 +- 16 files changed, 25 insertions(+), 14 deletions(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index c91900168..aa8138675 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -386,6 +386,12 @@ This shortcode must be closed with `{{% /tabs %}}`. **Note**: The `%` characters used in this shortcode indicate that the contents should be processed as Markdown. +The `{{% tabs %}}` shortcode has an optional `style` argument that lets you +assign CSS classes to the tags HTML container. The following classes are available: + +- **small**: Tab buttons are smaller and don't scale to fit the width. +- **even-wrap**: Prevents uneven tab widths when tabs are forced to wrap. + `{{% tab-content %}}` This shortcode creates a container for a content block. Each content block in the tab group needs to be wrapped in this shortcode. diff --git a/assets/styles/layouts/article/_tabbed-content.scss b/assets/styles/layouts/article/_tabbed-content.scss index f47001bb5..c689e9bc1 100644 --- a/assets/styles/layouts/article/_tabbed-content.scss +++ b/assets/styles/layouts/article/_tabbed-content.scss @@ -16,6 +16,7 @@ font-weight: $medium; padding: .65rem 1.25rem; display: inline-block; + white-space: nowrap; text-align: center; color: $article-tab-text !important; border-radius: $radius; @@ -59,6 +60,10 @@ padding: .35rem 1rem; } } + // Style suggested for tabs that have uneven button widths because of wrapping. + &.even-wrap a { + flex-basis: 25%; + } } .code-tabs { diff --git a/content/telegraf/v1.10/introduction/installation.md b/content/telegraf/v1.10/introduction/installation.md index 53ecc2a9b..e25678bc1 100644 --- a/content/telegraf/v1.10/introduction/installation.md +++ b/content/telegraf/v1.10/introduction/installation.md @@ -30,7 +30,7 @@ aren't synchronized with NTP, the timestamps on the data can be inaccurate. ## Installation {{< tabs-wrapper >}} -{{% tabs %}} +{{% tabs style="even-wrap" %}} [Ubuntu & Debian](#) [RedHat & CentOS](#) [SLES & openSUSE](#) diff --git a/content/telegraf/v1.11/introduction/installation.md b/content/telegraf/v1.11/introduction/installation.md index 4ac420a1b..ee3b9c41e 100644 --- a/content/telegraf/v1.11/introduction/installation.md +++ b/content/telegraf/v1.11/introduction/installation.md @@ -30,7 +30,7 @@ aren't synchronized with NTP, the timestamps on the data can be inaccurate. ## Installation {{< tabs-wrapper >}} -{{% tabs %}} +{{% tabs style="even-wrap" %}} [Ubuntu & Debian](#) [RedHat & CentOS](#) [SLES & openSUSE](#) diff --git a/content/telegraf/v1.12/introduction/installation.md b/content/telegraf/v1.12/introduction/installation.md index e50403916..240f21634 100644 --- a/content/telegraf/v1.12/introduction/installation.md +++ b/content/telegraf/v1.12/introduction/installation.md @@ -30,7 +30,7 @@ aren't synchronized with NTP, the timestamps on the data can be inaccurate. ## Installation {{< tabs-wrapper >}} -{{% tabs %}} +{{% tabs style="even-wrap" %}} [Ubuntu & Debian](#) [RedHat & CentOS](#) [SLES & openSUSE](#) diff --git a/content/telegraf/v1.13/introduction/installation.md b/content/telegraf/v1.13/introduction/installation.md index 1b48a013e..1ccf561e0 100644 --- a/content/telegraf/v1.13/introduction/installation.md +++ b/content/telegraf/v1.13/introduction/installation.md @@ -30,7 +30,7 @@ aren't synchronized with NTP, the timestamps on the data can be inaccurate. ## Installation {{< tabs-wrapper >}} -{{% tabs %}} +{{% tabs style="even-wrap" %}} [Ubuntu & Debian](#) [RedHat & CentOS](#) [SLES & openSUSE](#) diff --git a/content/telegraf/v1.14/introduction/installation.md b/content/telegraf/v1.14/introduction/installation.md index caa7fff71..46f995337 100644 --- a/content/telegraf/v1.14/introduction/installation.md +++ b/content/telegraf/v1.14/introduction/installation.md @@ -30,7 +30,7 @@ aren't synchronized with NTP, the timestamps on the data can be inaccurate. ## Installation {{< tabs-wrapper >}} -{{% tabs %}} +{{% tabs style="even-wrap" %}} [Ubuntu & Debian](#) [RedHat & CentOS](#) [SLES & openSUSE](#) diff --git a/content/telegraf/v1.15/introduction/installation.md b/content/telegraf/v1.15/introduction/installation.md index f6b8fc50d..04f7bbbd8 100644 --- a/content/telegraf/v1.15/introduction/installation.md +++ b/content/telegraf/v1.15/introduction/installation.md @@ -34,7 +34,7 @@ aren't synchronized with NTP, the timestamps on the data can be inaccurate. ## Installation {{< tabs-wrapper >}} -{{% tabs %}} +{{% tabs style="even-wrap" %}} [Ubuntu & Debian](#) [RedHat & CentOS](#) [SLES & openSUSE](#) diff --git a/content/telegraf/v1.16/introduction/installation.md b/content/telegraf/v1.16/introduction/installation.md index 1c08163dd..a4790016b 100644 --- a/content/telegraf/v1.16/introduction/installation.md +++ b/content/telegraf/v1.16/introduction/installation.md @@ -34,7 +34,7 @@ aren't synchronized with NTP, the timestamps on the data can be inaccurate. ## Installation {{< tabs-wrapper >}} -{{% tabs %}} +{{% tabs style="even-wrap" %}} [Ubuntu & Debian](#) [RedHat & CentOS](#) [SLES & openSUSE](#) diff --git a/content/telegraf/v1.17/introduction/installation.md b/content/telegraf/v1.17/introduction/installation.md index 6828edc08..5e5fc04e5 100644 --- a/content/telegraf/v1.17/introduction/installation.md +++ b/content/telegraf/v1.17/introduction/installation.md @@ -34,7 +34,7 @@ aren't synchronized with NTP, the timestamps on the data can be inaccurate. ## Installation {{< tabs-wrapper >}} -{{% tabs %}} +{{% tabs style="even-wrap" %}} [Ubuntu & Debian](#) [RedHat & CentOS](#) [SLES & openSUSE](#) diff --git a/content/telegraf/v1.18/introduction/installation.md b/content/telegraf/v1.18/introduction/installation.md index 024b50822..75038e50b 100644 --- a/content/telegraf/v1.18/introduction/installation.md +++ b/content/telegraf/v1.18/introduction/installation.md @@ -34,7 +34,7 @@ aren't synchronized with NTP, the timestamps on the data can be inaccurate. ## Installation {{< tabs-wrapper >}} -{{% tabs %}} +{{% tabs style="even-wrap" %}} [Ubuntu & Debian](#) [RedHat & CentOS](#) [SLES & openSUSE](#) diff --git a/content/telegraf/v1.19/introduction/installation.md b/content/telegraf/v1.19/introduction/installation.md index 4f4950d4d..e90133002 100644 --- a/content/telegraf/v1.19/introduction/installation.md +++ b/content/telegraf/v1.19/introduction/installation.md @@ -34,7 +34,7 @@ aren't synchronized with NTP, the timestamps on the data can be inaccurate. ## Installation {{< tabs-wrapper >}} -{{% tabs %}} +{{% tabs style="even-wrap" %}} [Ubuntu & Debian](#) [RedHat & CentOS](#) [SLES & openSUSE](#) diff --git a/content/telegraf/v1.20/introduction/installation.md b/content/telegraf/v1.20/introduction/installation.md index c7e9fe697..4e79afea1 100644 --- a/content/telegraf/v1.20/introduction/installation.md +++ b/content/telegraf/v1.20/introduction/installation.md @@ -34,7 +34,7 @@ aren't synchronized with NTP, the timestamps on the data can be inaccurate. ## Installation {{< tabs-wrapper >}} -{{% tabs %}} +{{% tabs style="even-wrap" %}} [Ubuntu & Debian](#) [RedHat & CentOS](#) [SLES & openSUSE](#) diff --git a/content/telegraf/v1.21/introduction/installation.md b/content/telegraf/v1.21/introduction/installation.md index 7996e8fe0..4f4406249 100644 --- a/content/telegraf/v1.21/introduction/installation.md +++ b/content/telegraf/v1.21/introduction/installation.md @@ -35,7 +35,7 @@ aren't synchronized with NTP, the timestamps on the data can be inaccurate. ## Installation {{< tabs-wrapper >}} -{{% tabs %}} +{{% tabs style="even-wrap" %}} [Ubuntu & Debian](#) [RedHat & CentOS](#) [SLES & openSUSE](#) diff --git a/content/telegraf/v1.22/install.md b/content/telegraf/v1.22/install.md index eafd92f73..3a6f7c7d8 100644 --- a/content/telegraf/v1.22/install.md +++ b/content/telegraf/v1.22/install.md @@ -44,7 +44,7 @@ aren't synchronized with NTP, the timestamps on the data might be inaccurate. ## Installation {{< tabs-wrapper >}} -{{% tabs %}} +{{% tabs style="even-wrap" %}} [Ubuntu & Debian](#) [RedHat & CentOS](#) [SLES & openSUSE](#) diff --git a/content/telegraf/v1.9/introduction/installation.md b/content/telegraf/v1.9/introduction/installation.md index a7f1b4610..b0d83fa00 100644 --- a/content/telegraf/v1.9/introduction/installation.md +++ b/content/telegraf/v1.9/introduction/installation.md @@ -30,7 +30,7 @@ aren't synchronized with NTP, the timestamps on the data can be inaccurate. ## Installation {{< tabs-wrapper >}} -{{% tabs %}} +{{% tabs style="even-wrap" %}} [Ubuntu & Debian](#) [RedHat & CentOS](#) [SLES & openSUSE](#)