4.3.2

src/modules/pageRender/onDemand.js

@@ -3,9 +3,11 @@ import changelogManager from "../changelog/changelogManager.js"
 export function changelogHistory() { // blockId 0
     let history = changelogManager("history");
     let render = ``;
-
+    
+    let historyLen = history.length
     for (let i in history) {
-        render += `<div id="popup-desc" class="changelog-subtitle">${history[i]["title"]} (${history[i]["version"]})</div><div id="popup-desc" class="desc-padding">${history[i]["content"]}</div>`
+        let separator = (i != 0 && i != historyLen) ? '<div class="separator"></div>' : ''
+        render += `${separator}${history[i]["banner"] ? `<div class="changelog-banner"><img class="changelog-img" src="${history[i]["banner"]}" onerror="this.style.display='none'"></img></div>` : ''}<div id="popup-desc" class="changelog-subtitle">${history[i]["title"]}</div><div id="popup-desc" class="desc-padding">${history[i]["content"]}</div>`
     }
     return render;
-}
+}

src/modules/pageRender/page.js

@@ -111,10 +111,7 @@ export default function(obj) {
                     }, {
                         text: changelogManager("content")
                     }, {
-                        text: `<div class="category-title">${loc(obj.lang, 'ChangelogLastCommit')}</div>`,
-                        raw: true
-                    }, {
-                        text: `${com[0]} (${obj.hash})`,
+                        text: `<div class="separator"></div><span class="text-backdrop">${obj.hash}:</span> ${com[0]}`,
                         classes: ["changelog-subtitle"],
                         nopadding: true
                     }, {
@@ -330,6 +327,7 @@ export default function(obj) {
         noInternet: ` + "`" + loc(obj.lang, 'ErrorNoInternet') + "`" + `,
         noURLReturned: ` + "`" + loc(obj.lang, 'ErrorNoUrlReturned') + "`" + `,
         unknownStatus: ` + "`" + loc(obj.lang, 'ErrorUnknownStatus') + "`" + `,
+        collapseHistory: ` + "`" + loc(obj.lang, 'ChangelogPressToHide') + "`" + `,
         toggleDefault: '${emoji("✨")} ${loc(obj.lang, "ModeToggleAuto")}',
         toggleAudio: '${emoji("🎶")} ${loc(obj.lang, "ModeToggleAudio")}',
         pickerDefault: ` + "`" + loc(obj.lang, 'MediaPickerTitle') + "`" + `,