[feature] UI - Limit history report to only the changes #3452
Description
Version and OS
v0.50.14, Docker, macOS
Is your feature request related to a problem? Please describe.
A long page with a couple of small changes makes hunting the changes frustrating. It can auto-scroll, but that doesn't work as well with multiple small changes.
Describe the solution you'd like
An option to only show the changes in the History (i.e. only the green/red text)
Describe the use-case and give concrete real-world examples
e.g.
before:
after:
For anyone else wanting this, "I" smashed out a quick userscript, although build-in functionality would be nicer:
(function() {
'use strict';
function hideNonChangeText() {
// Find the target element (adjust selector as needed)
const resultElement = document.getElementById('result');
if (!resultElement) return;
// Iterate through child nodes
resultElement.childNodes.forEach(node => {
// Check if it's a text node (nodeType === 3)
if (node.nodeType === Node.TEXT_NODE) {
const text = node.nodeValue.trim();
// If text exists, hide it by wrapping in a hidden span
if (text) {
const hiddenSpan = document.createElement('span');
hiddenSpan.style.display = 'none';
hiddenSpan.textContent = node.nodeValue;
node.parentNode.replaceChild(hiddenSpan, node);
}
}
});
}
// Run immediately
hideNonChangeText();
// Also observe for dynamic changes
const observer = new MutationObserver(hideNonChangeText);
observer.observe(document.body, { childList: true, subtree: true });
})();