engineering/unrhodecode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: fixed problems on UI in case of long commit messages. Fixes: RCCE-140

Browse source
This commit is contained in:
Serhii Ilin 2024-11-06 09:36:08 +02:00
parent 9e9b09f082
commit 36f01dd3c9
1 changed files with 46 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

47
rhodecode/templates/changeset/changeset.mako
View file

@ -128,7 +128,7 @@
<div class="clear-fix"></div>
<div class="btn-collapse" data-toggle="summary-details">
<div class="btn-collapse" id="break-button" data-toggle="summary-details">
${_('Show More')}
</div>
@ -416,6 +416,51 @@
var channel = '${c.commit_broadcast_channel}';
new ReviewerPresenceController(channel)
function breakLongCommitMessage() {
const commitElements = document.querySelectorAll(".left-content-message .commit");
const maxAllowedWidth = window.innerWidth * 0.9;
commitElements.forEach(commitElement => {
const originalText = commitElement.textContent;
const lines = originalText.split("\n");
const brokenLines = [];
commitElement.style.whiteSpace = "nowrap";
for (let line of lines) {
let brokenLine = "";
let words = line.split(" ");
let currentLine = "";
words.forEach(word => {
const testLine = currentLine.length > 0 ? currentLine + " " + word : word;
commitElement.textContent = testLine;
const testLineWidth = commitElement.offsetWidth;
if (testLineWidth > maxAllowedWidth) {
brokenLine += currentLine + "\n";
currentLine = word;
} else {
currentLine = testLine;
}
});
brokenLine += currentLine;
brokenLines.push(brokenLine.trim());
}
commitElement.textContent = brokenLines.join("\n");
commitElement.style.whiteSpace = "pre-wrap";
});
}
window.addEventListener("load", function () {
const button = document.getElementById("break-button");
button.addEventListener("click", breakLongCommitMessage);
});
})
</script>