Skip to content

Commit

Permalink
Add "new badge" in header (#7426)
Browse files Browse the repository at this point in the history
  • Loading branch information
eddumelendez authored Aug 21, 2023
1 parent 7b69ca0 commit 06b9155
Showing 2 changed files with 22 additions and 8 deletions.
22 changes: 18 additions & 4 deletions docs/css/tc-header.css
Original file line number Diff line number Diff line change
@@ -43,7 +43,7 @@ body.tc-header-active #site-header {
}

#site-header .logo {
display: flex;
display: flex;
}

#site-header .logo img,
@@ -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; // somehow $topaz is too dark for me.
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);
@@ -152,7 +166,7 @@ body #site-header .menu-item .menu-dropdown {
font-weight: 500;
color: var(--color-eggplant);
text-decoration: none;
transition:
transition:
color 0.2s ease,
background 0.2s ease;
}
@@ -265,7 +279,7 @@ div.md-source__repository {
#site-header .menu-item a .icon-caret {
height: 10px;
}

#site-header .menu-item button .icon-slack,
#site-header .menu-item a .icon-slack,
#site-header .menu-item button .icon-github,
@@ -372,4 +386,4 @@ div.md-source__repository {
#site-header nav {
width: calc(100% - 40px);
}
}
}
8 changes: 4 additions & 4 deletions docs/theme/partials/tc-header.html
Original file line number Diff line number Diff line change
@@ -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/"
},
{
@@ -107,7 +107,7 @@
<rect y="22" width="30" height="4" rx="2"/>
<rect y="13" width="30" height="4" rx="2"/>
<rect y="4" width="30" height="4" rx="2"/>
</svg>
</svg>
</button>
</div>
<nav>
@@ -134,7 +134,7 @@
<use href="#icon-external"></use>
</svg>
{% endif %}
</a>
</a>
</li>
{% endfor %}
</ul>
@@ -154,4 +154,4 @@
{% endfor %}
</ul>
</nav>
</header>
</header>

0 comments on commit 06b9155

Please sign in to comment.