openstack/openstack-manuals
Code Issues Proposed changes

Merge "[www] Improve CSS for deprecation badges"

Browse Source
This commit is contained in:
Zuul 2018-03-26 05:46:34 +00:00 committed by Gerrit Code Review
commit d62d2846bc
2 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
www/static/common/css/deprecated-badge.css
View File

@ -2,10 +2,8 @@
.deprecated-badge {
background: #2A4E68;
padding: 15px;
text-transform: uppercase;
font-size: 1em;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.46);
padding: 5px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.46);
-webkit-font-smoothing: subpixel-antialiased;
color: #edf2f7 !important;
}
@ -13,6 +11,7 @@
.deprecated-badge a, .deprecated-badge p {
text-decoration: none;
position: relative;
margin-top: 8px;
color: #edf2f7;
}
@ -48,11 +47,11 @@ a.deprecated-badge-right {
}
.deprecated-badge-obsolete {
background: #ff0000 !important;
background: #b33a3a !important;
}
.deprecated-badge-eol {
background: #ff0000 !important;
background: #b33a3a !important;
}
.deprecated-badge-current {
@ -68,11 +67,11 @@ a.deprecated-badge-right {
}
.deprecated-badge-development a, .deprecated-badge-development p {
color: #000000 !important;
color: #000000 !important;
}
.deprecated-badge-maintained a, .deprecated-badge-maintained p {
color: #000000 !important;
color: #000000 !important;
}
.deprecated-badge .container
{
@ -82,6 +81,7 @@ a.deprecated-badge-right {
.deprecated-badge .deprecated-badge-close-button{
position:absolute;
top:1%;
margin-top: 5px;
left:99%;
cursor: pointer;

11
www/templates/deprecated_badge.tmpl
View File

@ -15,23 +15,24 @@
<div class="container">
{% if SERIES_INFO.status == 'obsolete' %}
<p class="deprecated-badge-left">
This Release is no longer supported by the community. The current, supported release is <a href="/{{RELEASED_SERIES}}/">{{RELEASED_SERIES.capitalize()}}</a>
This release is no longer supported by the community. The current supported release is <a href="/{{RELEASED_SERIES}}/">{{RELEASED_SERIES.capitalize()}}.</a>
</p>
{% elif SERIES_INFO.status == 'EOL' %}
<p class="deprecated-badge-left">
This Release is no longer supported by the community. The current, supported release is <a href="/{{RELEASED_SERIES}}/">{{RELEASED_SERIES.capitalize()}}</a>
This release is no longer supported by the community. The current supported release is <a href="/{{RELEASED_SERIES}}/">{{RELEASED_SERIES.capitalize()}}.</a>
</p>
{% elif SERIES == RELEASED_SERIES %}
<p class="deprecated-badge-left">
This is the current, supported release.
This is the current supported release.
</p>
{% elif SERIES_INFO.status == 'maintained' %}
<p class="deprecated-badge-left">
This is maintained, but NOT the current release. The current, supported release is <a href="/{{RELEASED_SERIES}}/">{{RELEASED_SERIES.capitalize()}}</a>
This is maintained, but <strong>not</strong> the current release. The current supported
release is <a href="/{{RELEASED_SERIES}}/">{{RELEASED_SERIES.capitalize()}}.</a>
</p>
{% elif SERIES_INFO.status == 'development' %}
<p class="deprecated-badge-left">
This release is currently under development. The current, supported release is <a href="/{{RELEASED_SERIES}}/">{{RELEASED_SERIES.capitalize()}}</a>
This release is under development. The current supported release is <a href="/{{RELEASED_SERIES}}/">{{RELEASED_SERIES.capitalize()}}.</a>
</p>
{% endif %}
<a href="#top" class="deprecated-badge-right"><i class="fa fa-chevron-up" aria-hidden="true"></i>&nbsp;Back to Top</a>