Consider showing ESM releases
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Ubuntu Manpage Repository |
New
|
Undecided
|
Unassigned |
Bug Description
The code already processes and renders the ESM releases, like right now Trusty, Xenial and Bionic.
But to avoid visual clutter those have usually been removed from the search overview
e.g.: https:/
As well as in the top NavBar
The content is there, if you exchange the release in
https:/
to trusty like
https:/
you get the right content
We might need a tweaked UI, the search and nav bar currently have:
- up to 3 active LTS (two released, one in the making)
- up to 2 -dev releases
Interim releases that go end of life are fine to be removed IMHO.
But LTS that go into ESM should stay.
Thereby adding potentially up to 3 more EMS-LTS.
I'm not sure if the search results and nav bar would work well with up to 8 entries ... :-/ ?
Sorting that is the actual effort to unblock and act on this.
I do have some ideas. Maybe we could collapse the type of release under a dropdown. Documented here: /vanillaframewo rk.io/docs/ patterns/ navigation# dropdown
https:/
To achieve this we would need to upgrade the version of Vanilla used to the latest one. Which would involve changing the header of the site from: /assets. ubuntu. com/v1/ vanilla- framework- version- 1.8.1.min. css"> /assets. ubuntu. com/v1/ vanilla- framework- version- 4.7.0.min. css">
<link rel="stylesheet" href="https:/
to
<link rel="stylesheet" href="https:/
This would result in the site looking like the attachment screenshot.
The code to replicate the attached screenshot: p-navigation_ _row--25- 75"> p-navigation_ _banner" > p-navigation_ _tagged- logo"> p-navigation_ _link" href="#"> p-navigation_ _logo-tag" > p-navigation_ _logo-icon" src="https:/ /assets. ubuntu. com/v1/ 82818827- CoF_white. svg" alt=""> p-navigation_ _logo-title" >Ubuntu< /span> p-navigation_ _items" > p-navigation_ _item"> js-search- button p-navigation_ _link-- search- toggle" > p-navigation_ _search- label"> Search< /span> p-navigation_ _item"> js-menu- button p-navigation_ _link"> Menu</button> p-navigation_ _nav" aria-label="Example main"> p-navigation_ _items" > p-navigation_ _nav" aria-label="Example main"> p-navigation_ _items" > p-navigation_ _item"> p-navigation_ _link"> 20.04 LTS</button>
```
<header id="navigation" class="p-navigation is-dark">
<div class="
<div class="
<div class="
<a class="
<div class="
<img class="
</div>
<span class="
</a>
</div>
<ul class="
<li class="
<button class="
<span class="
</button>
</li>
<li class="
<button class="
</li>
</ul>
</div>
<nav class="
<ul class="
<nav class="
<ul class="
<li class="
<button href="#" class="
</li><li class=" p-navigation_ _item"> p-navigation_ _link"> 22.04 LTS</button>
<button href="#" class="
</li><li class=" p-navigation_ _item"> p-navigation_ _link"> 20.04 LTS</button>
<button href="#" class="
</li><li class=" p-navigation_ _item"> p-navigation_ _link"> 23.10</ button>
<button href="#" class="
</li> p-navigation_ _item-- dropdown- toggle is-active" id="link-3"> "link-3- menu" class=" p-navigation_ _link"> ESM-LTS< /button> p-navigation_ _dropdown" id="link-3-menu" aria-hidden= "false" > p-navigation_ _dropdown- item"># #.## LTS</a> p-navigation_ _dropdown- item"># #.## LTS</a> p-navigation_ _dropdown- item"># #.## LTS</a> p-navigation_ _items" > p-navigation_ _item"> js-search- button p-navigation_ _link-- search- toggle" > p-navigation_ _search- label"> Search< /span>
<li class="
<button href="#link-3-menu" aria-controls=
<ul class="
<li>
<a href="#" class="
</li>
<li>
<a href="#" class="
</li>
<li>
<a href="#" class="
</li>
</ul>
</li>
</ul>
</nav></ul>
<ul class="
<li class="
<button class="
<span class="
</button>
</li>
<...