openstack/openstack-manuals
Code Issues Proposed changes

[www-index] Splits Releases and Languages items

Browse Source 
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
This commit is contained in:
Ian Y. Choi 2018-03-27 16:26:18 +00:00
parent 5862589f70
commit 4436532cd4
4 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
www/static/common/css/bootstrap.css vendored
View File

@ -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 {

2
www/static/common/css/combined.css
View File

@ -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 {

13
www/templates/dropdown_releases_and_languages.tmpl
View File

@ -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>

2
www/templates/indexbase.tmpl
View File

@ -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>