You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@activemq.apache.org by ma...@apache.org on 2018/11/06 11:55:16 UTC
[activemq-website] 27/45: Updates to nav links and style
This is an automated email from the ASF dual-hosted git repository.
martyntaylor pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/activemq-website.git
commit 03306fdfca51be7e3a4ec50ec84a9a22ae885878
Author: Martyn Taylor <mt...@redhat.com>
AuthorDate: Tue Sep 25 14:26:42 2018 +0100
Updates to nav links and style
---
_includes/nav.html | 99 +++++++++++-------------------------------------------
css/main.scss | 7 ++--
2 files changed, 23 insertions(+), 83 deletions(-)
diff --git a/_includes/nav.html b/_includes/nav.html
index f99c81d..a54094e 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -13,98 +13,38 @@
</li>
<li class="nav-item dropdown">
<a class="nav-link" id="navbarDropdownProjects" data-target="#" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Projects</a>
- <ul class="dropdown-menu dropdown-menu-center multi-column columns-3" aria-labelledby="navbarDropdownProjects">
+ <ul class="dropdown-menu dropdown-menu-center" aria-labelledby="navbarDropdownProjects">
<div class="row">
- <div class="col-sm-4">
+ <div class="col-2">
<ul class="multi-column-dropdown">
- <h6 class="dropdown-header">ActiveMQ Artemis</h6>
+ <h6 class="dropdown-header">Projects</h6>
<div class="dropdown-divider"></div>
- <li class="nav-item"><a class="dropdown-item" href="/projects/artemis/">Overview</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/projects/artemis/documentation">Documentation</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/projects/artemis/download">Download</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/projects/artemis/migration">Migration</a></li>
- </ul>
- </div>
- <div class="col-sm-4">
- <ul class="multi-column-dropdown">
- <h6 class="dropdown-header">ActiveMQ 5</h6>
- <div class="dropdown-divider"></div>
- <li class="nav-item"><a class="dropdown-item" href="/projects/classic/">Overview</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/projects/classic/documentation">Documentation</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/projects/classic/download">Download</a></li>
- </ul>
- </div>
- <div class="col-sm-4">
- <ul class="multi-column-dropdown">
- <h6 class="dropdown-header">Other</h6>
- <div class="dropdown-divider"></div>
- <li class="nav-item"><a class="dropdown-item" href="/projects/cms/">CMS</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/projects/nms/">NMS</a></li>
+ <li class="nav-item"><a class="dropdown-item" href="/projects/artemis/">ActiveMQ Artemis</a></li>
+ <li class="nav-item"><a class="dropdown-item" href="/projects/classic">ActiveMQ 5</a></li>
+ <li class="nav-item"><a class="dropdown-item" href="/projects/nms">NMS Clients</a></li>
+ <li class="nav-item"><a class="dropdown-item" href="/projects/cms">CMS Client</a></li>
</ul>
</div>
</div>
</ul>
</li>
<li class="nav-item dropdown">
- <a class="nav-link" id="navbarDropdownClients" data-target="#" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Clients</a>
- <ul class="dropdown-menu dropdown-menu-center multi-column columns-2" aria-labelledby="navbarDropdownClients">
- <div class="row">
- <div class="col-sm-6">
- <ul class="multi-column-dropdown">
- <li class="nav-item"><a class="dropdown-item" href="/clients/amqp">AMQP</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/clients/mqtt">MQTT</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/clients/core">Core</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/clients/openwire">OpenWire</a></li>
- </ul>
- </div>
- <div class="col-sm-6">
- <ul class="multi-column-dropdown">
- <li class="nav-item"><a class="dropdown-item" href="/clients/stomp">STOMP</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/clients/rest">REST</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/clients/xmpp">XMPP</a></li>
- </ul>
- </div>
- </div>
- </ul>
-
- </li>
-
- <li class="nav-item dropdown">
<!--<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">Two Column <b class="caret"></b></a>-->
- <a class="nav-link" id="navbarDropdownCommunity" data-target="#" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Community</a>
- <ul class="dropdown-menu dropdown-menu-center multi-column columns-3" aria-labelledby="navbarDropdownCommunity">
+ <a class="nav-link" id="navbarDropdownCommunity" data-target="#" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Contact</a>
+ <ul class="dropdown-menu dropdown-menu-center multi-column columns-1" aria-labelledby="navbarDropdownCommunity">
<div class="row">
- <div class="col-sm-4">
- <ul class="multi-column-dropdown">
- <h6 class="dropdown-header">Users</h6>
- <div class="dropdown-divider"></div>
- <li class="nav-item"><a class="dropdown-item" href="/community/user/mailing">User Mailing List</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/community/user/support">Support</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/community/user/usedby">Used By</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/community/user/security">Security Advisories</a></li>
- </ul>
- </div>
- <div class="col-sm-4">
+ <div class="col-12">
<ul class="multi-column-dropdown">
- <h6 class="dropdown-header">Developers</h6>
+ <h6 class="dropdown-header">Contact</h6>
<div class="dropdown-divider"></div>
- <li class="nav-item"><a class="dropdown-item" href="/community/developer/mailing">Dev Mailing List</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/community/developer/source">Source</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/community/developer/issues">Issues</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/community/developer/contributing">Contributing</a></li>
+ <li class="nav-item"><a class="dropdown-item" href="/community/user/mailing">Mailing Lists</a></li>
+ <li class="nav-item"><a class="dropdown-item" href="/community/user/support">IRC</a></li>
+ <li class="nav-item"><a class="dropdown-item" href="/community/user/usedby">Report Issues</a></li>
+ <li class="nav-item"><a class="dropdown-item" href="/community/user/security">Contributing</a></li>
+ <li class="nav-item"><a class="dropdown-item" href="/community/user/security">Social Media</a></li>
</ul>
</div>
- <div class="col-sm-4">
- <ul class="multi-column-dropdown">
- <h6 class="dropdown-header">Other</h6>
- <div class="dropdown-divider"></div>
- <li class="nav-item"><a class="dropdown-item" href="/community/irc">IRC</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/community/twitter">Twitter</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/community/blog">Blog</a></li>
- <li class="nav-item"><a class="dropdown-item" href="/community/stackoverflow">Stack Overflow</a></li>
- </ul>
- </div>
- </div>
+ </div>
</ul>
</li>
<li class="nav-item dropdown">
@@ -114,6 +54,8 @@
<div class="row">
<div class="col-sm-12">
<ul class="multi-column-dropdown">
+ <h6 class="dropdown-header">Team</h6>
+ <div class="dropdown-divider"></div>
<li class="nav-item"><a class="dropdown-item" href="/team/committers">Committers</a></li>
<li class="nav-item"><a class="dropdown-item" href="/community/pmc">PMC</a></li>
<li class="nav-item"><a class="dropdown-item" href="/community/reports">Reports</a></li>
@@ -122,9 +64,6 @@
</div>
</ul>
</li>
- <li class="nav-item">
- <a class="nav-link" href="#">Getting Started</a>
- </li>
</ul>
</div>
</div>
diff --git a/css/main.scss b/css/main.scss
index b681a85..b53b945 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -396,9 +396,9 @@ h6 {
display: block;
}
-.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover:active {
- color: white !important;
- background: $pink;
+a.dropdown-item.active, a.dropdown-item:active, a.dropdown-item:hover:active {
+ font-weight: bolder;
+ background-color: white !important;
}
.dropdown-header {
@@ -407,6 +407,7 @@ h6 {
.dropdown-menu {
min-width: 200px;
+ border: none !important;
}
@media (min-width: 992px) {