2 files changed, 85 insertions, 0 deletions
diff --git a/server/sonar-docs/src/layouts/index.tsx b/server/sonar-docs/src/layouts/index.tsx
index e5c2dbf86bb..f6d0923d4f8 100644
--- a/server/sonar-docs/src/layouts/index.tsx
+++ b/server/sonar-docs/src/layouts/index.tsx
@@ -22,6 +22,7 @@ import { StaticQuery, graphql } from 'gatsby';
 import Footer from '../components/Footer';
 import HeaderListProvider from '../components/HeaderListProvider';
 import HeadingsLink from '../components/HeadingsLink';
+import PluginMetaData from '../components/PluginMetaData';
 import Sidebar from '../components/Sidebar';
 import { MarkdownRemarkConnection, MarkdownRemark } from '../@types/graphql-types';
 import './layout.css';
@@ -94,6 +95,7 @@ export default function Layout({ children, location }: Props) {
                 <div className="markdown-container">{children}</div>
               </div>
               <Footer />
+              <PluginMetaData location={location} />
             </div>
           </div>
         )}
diff --git a/server/sonar-docs/src/layouts/layout.css b/server/sonar-docs/src/layouts/layout.css
index 0fa37ad5a93..8a8f25594c2 100644
--- a/server/sonar-docs/src/layouts/layout.css
+++ b/server/sonar-docs/src/layouts/layout.css
@@ -708,3 +708,86 @@ img[src$='/images/info.svg'] {
   margin-bottom: 0;
   top: 0 !important;
 }
+
+.plugin-meta-data {
+  margin: 16px 0;
+  padding: 16px 16px 8px 16px;
+  background: #f9f9fb;
+  border: 1px solid #e6e6e6;
+  border-radius: 3px;
+}
+
+.plugin-meta-data a svg {
+  margin-right: 8px;
+}
+
+.plugin-meta-data-header {
+  border-bottom: 1px solid #cfd3d7;
+  padding-bottom: 16px;
+}
+
+.plugin-meta-data-header,
+.plugin-meta-data-version-release-info,
+.plugin-meta-data-version-links {
+  display: flex;
+}
+
+.plugin-meta-data-header > * + *,
+.plugin-meta-data-version-release-info > * + *,
+.plugin-meta-data-version-release-links > * + * {
+  margin-left: 16px;
+}
+
+.plugin-meta-data-header > * + * {
+  padding-left: 16px;
+  border-left: 1px solid #cfd3d7;
+}
+
+.plugin-meta-data-versions {
+  margin-top: 16px;
+}
+
+.plugin-meta-data-versions-show-more {
+  font-size: 14px;
+  float: right;
+  color: #51575a;
+  border-color: #7b8184;
+  border-width: 0 0 1px 0;
+  padding-left: 0;
+  padding-right: 0;
+  background: transparent;
+  cursor: pointer;
+}
+
+.plugin-meta-data-versions-show-more:hover {
+  color: #2d3032;
+  border-color: #2d3032;
+}
+
+.plugin-meta-data-version {
+  margin-bottom: 16px;
+}
+
+.plugin-meta-data-version + .plugin-meta-data-version {
+  padding-top: 8px;
+  padding-top: 8px;
+  border-top: 1px dashed #cfd3d7;
+}
+
+.plugin-meta-data-version-version {
+  font-weight: bold;
+  font-size: 18px;
+}
+
+.plugin-meta-data-version-release-info {
+  margin-top: 8px;
+  font-style: italic;
+}
+
+.plugin-meta-data-version-release-description {
+  margin-top: 8px;
+}
+
+.plugin-meta-data-version-release-links {
+  margin-top: 8px;
+}