Filip/matrix-spec
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-spec synced 2025-12-27 11:28:38 +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
const li = document.createElement("li");
if (segment === selected) {
li.classList.add("selected");
li.classList.add("version-picker-selected");
}
if (segment === "latest") {
li.classList.add("latest");
li.classList.add("version-picker-latest");
}
parent.appendChild(li);

9
assets/scss/_styles_project.scss
View file

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