From 4436532cd43d6d4b18839ee0331b34d04bdbb6ef Mon Sep 17 00:00:00 2001
From: "Ian Y. Choi" <ianyrchoi@gmail.com>
Date: Tue, 27 Mar 2018 16:26:18 +0000
Subject: [PATCH] [www-index] Splits Releases and Languages items

It has not been easy to select language pages on
"More Releases & Languages" dropdown list since
there are many releases (currently, 18).

This patch splits into "More Releases" and "Languages"
dropdown lists by:
- Changing from 9 to 8 for col-lg/md/sm-* in the left part
- Allocating 2 for col-lg/md/sm-* in each dropdown list
- Removing unnecessary dropdown-header part
- Changing on dropdown-menu width from 100% to 150%
  since original "More Releases & Languages" was allocated
  as 3 and the number 3 was changed to 2.

Change-Id: I4fd1c345dfd3debd14167839c1b93c69a3d3027e
---
 www/static/common/css/bootstrap.css                | 10 +---------
 www/static/common/css/combined.css                 |  2 +-
 www/templates/dropdown_releases_and_languages.tmpl | 13 +++++++++----
 www/templates/indexbase.tmpl                       |  2 +-
 4 files changed, 12 insertions(+), 15 deletions(-)

diff --git a/www/static/common/css/bootstrap.css b/www/static/common/css/bootstrap.css
index 037dd05615..77905583b1 100644
--- a/www/static/common/css/bootstrap.css
+++ b/www/static/common/css/bootstrap.css
@@ -3207,14 +3207,6 @@ tbody.collapse.in {
   right: auto;
   left: 0;
 }
-.dropdown-header {
-  display: block;
-  padding: 3px 20px;
-  font-size: 12px;
-  line-height: 1.42857143;
-  color: #777;
-  white-space: nowrap;
-}
 .dropdown-backdrop {
   position: fixed;
   top: 0;
@@ -3943,7 +3935,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
             box-shadow: none;
   }
   .navbar-nav .open .dropdown-menu > li > a,
-  .navbar-nav .open .dropdown-menu .dropdown-header {
+  .navbar-nav .open .dropdown-menu {
     padding: 5px 15px 5px 25px;
   }
   .navbar-nav .open .dropdown-menu > li > a {
diff --git a/www/static/common/css/combined.css b/www/static/common/css/combined.css
index 610fa58d8f..117d93b4b5 100644
--- a/www/static/common/css/combined.css
+++ b/www/static/common/css/combined.css
@@ -3743,7 +3743,7 @@ input.docs-main-search:-ms-input-placeholder {
   font-size: 18px; }
 
 .docs-dropdown .dropdown-menu {
-  width: 100%;
+  width: 150%;
   margin-top: 10px; }
 
 .docs-dropdown > .dropdown-menu:after, .docs-dropdown > .dropdown-menu:before, .docs-sidebar-dropdown:before, .docs-sidebar-dropdown:after {
diff --git a/www/templates/dropdown_releases_and_languages.tmpl b/www/templates/dropdown_releases_and_languages.tmpl
index a3d974eb4a..7c2d1b471e 100644
--- a/www/templates/dropdown_releases_and_languages.tmpl
+++ b/www/templates/dropdown_releases_and_languages.tmpl
@@ -1,13 +1,18 @@
-            <div class="col-lg-3 col-md-3 col-sm-3">
+            <div class="col-lg-2 col-md-2 col-sm-2">
                 <div class="dropdown docs-dropdown">
-                  <a data-toggle="dropdown" href="#">More Releases &amp; Languages <i class="fa fa-caret-down fa-3"></i></a>
+                  <a data-toggle="dropdown" href="#">More Releases <i class="fa fa-caret-down fa-3"></i></a>
                   <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
-                      <li role="presentation" class="dropdown-header">Releases</li>
                     <li role="presentation"><a role="menuitem" tabindex="-1" href="/{{SERIES_IN_DEVELOPMENT}}/">{{SERIES_IN_DEVELOPMENT|title}} (under development)</a></li>
 {% for series_name in PAST_SERIES|reverse %}
                     <li role="presentation"><a role="menuitem" tabindex="-1" href="/{{series_name}}/">{{series_name|title}}{% if series_name == RELEASED_SERIES %} (current release){% endif %}</a></li>
 {% endfor %}
-                    <li role="presentation" class="dropdown-header">Languages</li>
+                  </ul>
+                </div>
+            </div>
+            <div class="col-lg-2 col-md-2 col-sm-2">
+                <div class="dropdown docs-dropdown">
+                  <a data-toggle="dropdown" href="#">Languages <i class="fa fa-caret-down fa-3"></i></a>
+                  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                     <li role="presentation"><a role="menuitem" tabindex="-1" href="/de/">Deutsch (German)</a></li>
                     <li role="presentation"><a role="menuitem" tabindex="-1" href="/fr/">Français (French)</a></li>
                     <li role="presentation"><a role="menuitem" tabindex="-1" href="/id/">Bahasa Indonesia (Indonesian)</a></li>
diff --git a/www/templates/indexbase.tmpl b/www/templates/indexbase.tmpl
index ece22e08a4..3036eef39b 100644
--- a/www/templates/indexbase.tmpl
+++ b/www/templates/indexbase.tmpl
@@ -39,7 +39,7 @@
     <div class="mid-docs-wrapper" id="docs-main-body">
       <div class="container">
         <div class="row">
-          <div class="col-lg-9 col-md-9 col-sm-9">
+          <div class="col-lg-8 col-md-8 col-sm-8">
             <h2>Documentation for {{SERIES_TITLE}} ({{SERIES_INFO.date}})</h2>
             {% include "templates/series_status.tmpl" %}
           </div>