Filip/matrix-spec
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-spec synced 2026-02-13 17:43:42 +01:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Use more specific names for the version picker CSS classes and add them to the PurgeCSS safelist

Browse source 
Signed-off-by: Johannes Marbach <n0-0ne+github@mailbox.org>
This commit is contained in:
Johannes Marbach 2025-12-05 18:21:59 +01:00
parent 705240da72
commit fddb1ba5f9
4 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/js/versions.template.js
View file

@ -44,10 +44,10 @@ function appendVersion(parent, name, segment, url) {
// The list item // The list item
const li = document.createElement("li"); const li = document.createElement("li");
if (segment === selected) { if (segment === selected) {
li.classList.add("selected"); li.classList.add("version-picker-selected");
} }
if (segment === "latest") { if (segment === "latest") {
li.classList.add("latest"); li.classList.add("version-picker-latest");
} }
parent.appendChild(li); parent.appendChild(li);

9
assets/scss/_styles_project.scss
View file

@ -57,18 +57,13 @@ Custom SCSS for the Matrix spec
overflow-y: auto; overflow-y: auto;
} }
/* As these styles are only applied by JavaScript, PurgeCSS doesn't see them ul#version-selector li.version-picker-selected a {
* in the source code and removes them unless we explicitly tell it not to.
*/
/* purgecss start ignore */
ul#version-selector li.selected a {
font-weight: bold; font-weight: bold;
} }
ul#version-selector li.latest a { ul#version-selector li.version-picker-latest a {
color: $secondary; color: $secondary;
} }
/* purgecss end ignore */
} }
/* Styles for the sidebar nav */ /* Styles for the sidebar nav */

1
changelogs/internal/newsfragments/2264.clarification Normal file
View file

@ -0,0 +1 @@
Add version picker in the navbar.

3
postcss.config.js
View file

@ -16,6 +16,9 @@ const purgecss = require('@fullhuman/postcss-purgecss')({
extensions: ["json"], extensions: ["json"],
}, },
], ],
// As these classes are only applied by JavaScript, PurgeCSS doesn't see them
// in the source code and removes them unless we explicitly tell it not to.
safelist: ['version-picker-selected', 'version-picker-latest']
}); });
module.exports = { module.exports = {