fix wrapping of code blocks in note revisions, #2216

This commit is contained in:
zadam
2021-10-28 20:38:35 +02:00
parent 7f9019322b
commit 35fc4ba9a4
3 changed files with 22 additions and 8 deletions

View File

@@ -1,5 +1,13 @@
<div id="note-revisions-dialog" class="modal fade mx-auto" tabindex="-1" role="dialog">
<style>
#note-revision-content-wrapper {
flex-grow: 1;
margin-left: 20px;
display: flex;
flex-direction: column;
min-width: 0;
}
#note-revision-content {
overflow: auto;
word-break: break-word;
@@ -9,6 +17,12 @@
max-width: 100%;
object-fit: contain;
}
#note-revision-content pre {
max-width: 100%;
word-break: break-all;
white-space: pre-wrap;
}
</style>
<div class="modal-dialog modal-xl" role="document">
@@ -34,7 +48,7 @@
<div id="note-revision-list" style="position: static; height: 100%; overflow: auto;" class="dropdown-menu"></div>
</div>
<div id="note-revision-content-wrapper" style="flex-grow: 1; margin-left: 20px; display: flex; flex-direction: column;">
<div id="note-revision-content-wrapper">
<div style="flex-grow: 0; display: flex; justify-content: space-between;">
<h3 id="note-revision-title" style="margin: 3px; flex-grow: 100;"></h3>