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 <mtay...@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) {