Add "new badge" in header (#1512)

Co-authored-by: Kevin Wittek <kiview@users.noreply.github.com> Co-authored-by: Manuel de la Peña <mdelapenya@gmail.com>
testcontainers · Aug 21, 2023 · 589f926 · 589f926
1 parent 71d58d8
commit 589f926
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/docs/css/tc-header.css b/docs/css/tc-header.css
@@ -102,6 +102,20 @@ body.mobile-menu #site-header #mobile-menu-toggle {
     white-space: nowrap;
 }
 
+#site-header .menu-item .badge {
+    color: white;
+    font-size: 10px;
+    padding: 2px 6px;
+    background-color: #0FD5C6;
+text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    border-radius: 6px;
+    &:hover {
+
+    }
+}
+
 #site-header .menu-item button:hover,
 #site-header .menu-item a:hover {
     color: var(--color-topaz);

diff --git a/docs/theme/partials/tc-header.html b/docs/theme/partials/tc-header.html
@@ -2,7 +2,7 @@
     "siteUrl": "https://testcontainers.com/",
     "menuItems": [
         {
-            "label": "Desktop",
+            "label": "Desktop <span class=\"badge rounded-pill\">NEW</span>",
             "url": "https://testcontainers.com/desktop/"
         },
         {