dbd704f335
Currently deprecation badge headers just point back to the root of
the documentation for the latest stable release, so for example the
badge at the top of
https://docs.openstack.org/latest/user/index.html
just points to
https://docs.openstack.org/rocky/
It's useful to be able to quickly jump between different releases of
the same documentation page, but currently this requires hand-editing
URLs or many extra manual hops in the navigation trail. So
automatically generate the links, but only display them if the link
target exists.
Since the main portal page for each release already had a "More
Releases" dropdown, remove that to avoid two dropdowns on the portal
pages.
Change-Id: I2498f00a6c863d078a70289a655b0aa3958325ed
125 lines
2.2 KiB
CSS
125 lines
2.2 KiB
CSS
/* deprecated badge css */
|
|
|
|
.deprecated-badge {
|
|
background: #2A4E68;
|
|
padding: 5px;
|
|
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.46);
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
}
|
|
|
|
.deprecated-badge a, .deprecated-badge p {
|
|
text-decoration: none;
|
|
position: relative;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.deprecated-badge .docs-dropdown {
|
|
display: inline-block;
|
|
}
|
|
|
|
.deprecated-badge .docs-dropdown > a {
|
|
padding: 5px 12px;
|
|
margin: 0px 4px 0px 4px;
|
|
width: inherit; }
|
|
|
|
.deprecated-badge .docs-dropdown .dropdown-menu a {
|
|
padding: 5px 25px;
|
|
margin-top: 0px; }
|
|
|
|
.deprecated-badge .docs-dropdown > .dropdown-menu > li.current {
|
|
padding: 5px 25px;
|
|
text-align: left; }
|
|
|
|
.deprecated-badge a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.deprecated-badge.fixed {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.deprecated-badge p {
|
|
display: inline-block;
|
|
}
|
|
|
|
a.deprecated-badge-right {
|
|
float: right;
|
|
display: none;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.deprecated-badge.fixed a.deprecated-badge-right {
|
|
display: inline-block;
|
|
}
|
|
|
|
.navbar-default{
|
|
margin-top: 50px !important;
|
|
}
|
|
|
|
.deprecated-badge-obsolete {
|
|
background: #b33a3a !important;
|
|
}
|
|
|
|
.deprecated-badge-eol {
|
|
background: #b33a3a !important;
|
|
}
|
|
|
|
.deprecated-badge-current {
|
|
background: #30739C !important;
|
|
}
|
|
|
|
.deprecated-badge-maintained {
|
|
background: #eaeaea !important;
|
|
}
|
|
|
|
.deprecated-badge-development {
|
|
background: #eaeaea !important;
|
|
}
|
|
|
|
.deprecated-badge-development a, .deprecated-badge-development p {
|
|
|
|
}
|
|
|
|
.deprecated-badge-maintained a, .deprecated-badge-maintained p {
|
|
|
|
}
|
|
|
|
.deprecated-badge-current a, .deprecated-badge-current p {
|
|
color: #edf2f7;
|
|
}
|
|
|
|
.deprecated-badge .container
|
|
{
|
|
|
|
}
|
|
|
|
.deprecated-badge .deprecated-badge-close-button{
|
|
position:absolute;
|
|
top:1%;
|
|
margin-top: 5px;
|
|
left:99%;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.deprecated-badge-maintained .deprecated-badge-close-button{
|
|
color: #000000 !important;
|
|
}
|
|
|
|
.deprecated-badge-development .deprecated-badge-close-button{
|
|
color: #000000 !important;
|
|
}
|
|
|
|
.deprecated-badge-current .deprecated-badge-close-button{
|
|
color: white !important;
|
|
}
|
|
|
|
@media (max-width: 767px), only screen and (max-device-width: 1024px) {
|
|
.deprecated-badge .deprecated-badge-close-button{
|
|
left:97%;
|
|
}
|
|
}
|