Document has been changed: Add missing title

Signed-off-by: Pedro Pinto Silva <[email protected]> Change-Id: Ib602bb5d9c48268013e83b65047be128f3d7b558
alessioalex-1and1 · Dec 6, 2021 · 60a6f79 · 60a6f79
1 parent 8327de7
commit 60a6f79
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/browser/css/override-vex.css b/browser/css/override-vex.css
@@ -70,6 +70,12 @@
 	z-index: 2001 !important;
 }
 
+.vex.vex-theme-plain .vex-dialog-title {
+	margin-bottom: .5em;
+	font-size: 1.1em;
+	color: #444;
+}
+
 .vex.vex-theme-plain .vex-dialog-button-spacer {
 	visibility: hidden;
 	padding: 0;

diff --git a/browser/src/core/Socket.js b/browser/src/core/Socket.js
@@ -850,9 +850,10 @@ app.definitions.Socket = L.Class.extend({
 				}
 
 				vex.dialog.open({
-					message: _('Document has been changed in storage. What would you like to do with your unsaved changes?'),
+					unsafeMessage: '<h1 class="vex-dialog-title">' + vex._escapeHtml(_('Document has been changed')) + '</h1><p class="vex-dialog-message">' + vex._escapeHtml(_('Document has been changed in storage. What would you like to do with your unsaved changes?')) + '</p>',
 					escapeButtonCloses: false,
 					overlayClosesOnClick: false,
+					contentClassName: 'vex-content vex-3btns',
 					buttons: dialogButtons,
 					callback: function(value) {
 						if (value === 'discard') {