diff --git a/assets/styles/layouts/_sidebar.scss b/assets/styles/layouts/_sidebar.scss index 1c8df3c041..30eef2b4e3 100644 --- a/assets/styles/layouts/_sidebar.scss +++ b/assets/styles/layouts/_sidebar.scss @@ -256,6 +256,51 @@ } } } + + .feature-board-badge { + position: relative; + padding: 1rem; + margin: 2rem 0 1.5rem -1.5rem; + background: rgba($nav-category, .05); + border: 1px solid rgba($nav-category, .2); + border-radius: $radius * 4; + text-decoration: none; + transition: background .2s, border-color .2s; + overflow: hidden; + + &:before { + content: "NEW"; + position: absolute; + padding: .1rem 1.2rem; + font-size: .65rem; + letter-spacing: .03rem; + font-weight: bold; + top: 6px; + right: -17px; + color: $g20-white; + background: $br-new-magenta; + transform: rotate(45deg); + } + + h5 { + margin: 0 0 .25rem 0; + color: $nav-category; + font-size: 1.2rem; + } + + p { + margin: 0; + color: $article-text; + font-size: 0.9rem; + line-height: 1.4rem; + font-weight: normal; + font-style: italic; + } + + &:hover { + border-color: rgba($nav-category, .75); + } + } } //////////////////////////////////////////////////////////////////////////////// diff --git a/assets/styles/layouts/_top-nav.scss b/assets/styles/layouts/_top-nav.scss index c5682702fc..9ad32072c9 100644 --- a/assets/styles/layouts/_top-nav.scss +++ b/assets/styles/layouts/_top-nav.scss @@ -221,6 +221,32 @@ width: 0; opacity: 0; } + + &.feature-board { + .back-btn { + color: $article-bold; + background: rgba($article-text, .15); + border: 1px solid rgba($article-text, 0); + font-weight: $medium; + text-decoration: none; + padding: .35rem 1rem; + border-radius: $radius; + font-size: .9rem; + transition: border .2s; + &:before { + content: '\e909'; + font-family: 'icomoon-v4'; + font-weight: bold; + line-height: 0; + margin: 0 .5rem 0 -.25rem; + vertical-align: middle; + } + &:hover { + text-decoration: none; + border: 1px solid rgba($article-text, .25); + } + } + } } //////////////////////////////////////////////////////////////////////////////// @@ -237,7 +263,12 @@ @include media(small) { .icon-influx-logotype { display: none; } - .topnav { min-height: 5.75rem; } + .topnav { + min-height: 5.75rem; + &.feature-board { + min-height: auto; + } + } .topnav-right { flex-direction: column-reverse; align-items: flex-end; diff --git a/content/influxdb3/core/feature-board.md b/content/influxdb3/core/feature-board.md new file mode 100644 index 0000000000..33b10f2880 --- /dev/null +++ b/content/influxdb3/core/feature-board.md @@ -0,0 +1,8 @@ +--- +title: InfluxDB 3 Core Feature Board +description: > + View and provide feedback on potential, in progress, and launched features for + {{% product-name %}}. +layout: feature-board +--- + diff --git a/content/influxdb3/enterprise/feature-board.md b/content/influxdb3/enterprise/feature-board.md new file mode 100644 index 0000000000..7dadd88883 --- /dev/null +++ b/content/influxdb3/enterprise/feature-board.md @@ -0,0 +1,8 @@ +--- +title: InfluxDB 3 Enterprise Feature Board +description: > + View and provide feedback on potential, in progress, and launched features for + {{% product-name %}}. +layout: feature-board +--- + diff --git a/layouts/_default/feature-board.html b/layouts/_default/feature-board.html new file mode 100644 index 0000000000..90ea238dd7 --- /dev/null +++ b/layouts/_default/feature-board.html @@ -0,0 +1,15 @@ +{{ partial "header.html" . }} +{{ partial "topnav.html" . }} +{{ $productPathData := split .RelPermalink "/" }} +{{ $product := index $productPathData 1 }} +{{ $version := index $productPathData 2 }} +{{ $productPortalLinks := dict + "influxdb3_enterprise" "https://portal.productboard.com/s4ypqjwpwk7d33grlsfswkfm" + "influxdb3_core" "https://portal.productboard.com/paeu8mii9jrzjkiucwfep1ea" +}} + +
+ +
+ +{{ partial "footer.html" . }} \ No newline at end of file diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html index 2dd5c0da25..494bc0183a 100644 --- a/layouts/partials/sidebar.html +++ b/layouts/partials/sidebar.html @@ -3,8 +3,9 @@ {{/* Support deployments (such as CI tools) with subdirectory baseURL */}} {{ $pathOffset := .Site.Params.prPreviewPathOffset | default 0 }} {{ $product := index $productPathData (add $pathOffset 0) }} -{{ $productName := (index .Site.Data.products $product).name }} {{ $currentVersion := index $productPathData (add $pathOffset 1) }} +{{ $productKey := print $product "_" $currentVersion }} +{{ $productData := index $.Site.Data.products $productKey }} {{ .Scratch.Set "menuKey" "menu"}} @@ -93,6 +94,12 @@

Flux

  • Flux standard library
    • {{ end }} + + {{ $featureBoardWhitelist := slice "influxdb3_core" "influxdb3_enterprise" }} + {{ if in $featureBoardWhitelist (print $product "_" $currentVersion) }} + {{ partial "sidebar/feature-board.html" (dict "product" $product "version" $currentVersion "productName" $productData.name) }} + {{ end }} + {{ $platformWhitelist := (slice "telegraf_v1" "chronograf_v1" "kapacitor_v1" "enterprise_influxdb_v1" "influxdb_v1") }} {{ if (in $platformWhitelist $menuKey) }} diff --git a/layouts/partials/sidebar/feature-board.html b/layouts/partials/sidebar/feature-board.html new file mode 100644 index 0000000000..2f5c60934a --- /dev/null +++ b/layouts/partials/sidebar/feature-board.html @@ -0,0 +1,6 @@ + +
    Feature Board
    +

    + View and give feedback on upcoming and launched {{ .productName }} features +

    +     diff --git a/layouts/partials/topnav.html b/layouts/partials/topnav.html index a3af032c29..c5a254fc3c 100644 --- a/layouts/partials/topnav.html +++ b/layouts/partials/topnav.html @@ -1,8 +1,11 @@ -{{ $productPathData := findRE "[^/]+.*?" .RelPermalink }} -{{ $product := index $productPathData 0 }} -{{ $currentVersion := index $productPathData 1 }} +{{ $productPathData := split .RelPermalink "/" }} +{{ $product := index $productPathData 1 }} +{{ $version := index $productPathData 2 }} +{{ $productData := index $.Site.Data.products (print $product "_" $version) }} +{{ $productName := $productData.name }} +{{ $layout := .Params.layout }} -
    +
    @@ -10,20 +13,24 @@ Documentation
    -
    - {{ partial "topnav/product-selector.html" . }} -
    -
    -
    - + {{ if eq $layout "feature-board" }} + {{ $productName }} Docs + {{ else }} +
    + {{ partial "topnav/product-selector.html" . }}
    - - - - - -
    +
    +
    + +
    + + + + + +
    + {{ end }}
    \ No newline at end of file