From 81aa70a2692f0098d0c69f20c8ba5e54b420e2ef Mon Sep 17 00:00:00 2001
From: bbaer <bbaer@math.uzh.ch>
Date: Tue, 3 Dec 2019 13:49:47 +0100
Subject: [PATCH] grey out tinymce controls when readonly

---
 javascript/src/Helper/tinyMCE.js | 3 +++
 less/qfq-bs.css.less             | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/javascript/src/Helper/tinyMCE.js b/javascript/src/Helper/tinyMCE.js
index 5a782cb1a..2ab8a9119 100644
--- a/javascript/src/Helper/tinyMCE.js
+++ b/javascript/src/Helper/tinyMCE.js
@@ -75,8 +75,10 @@ QfqNS.Helper = QfqNS.Helper || {};
                     $parent.on("change", function(e, configuration) {
                         if(configuration.disabled || configuration.readonly) {
                             me.setMode("readonly");
+                            $(this).siblings(".mce-tinymce").addClass("qfq-tinymce-readonly");
                         } else {
                             me.setMode("design");
+                            $(this).siblings(".mce-tinymce").removeClass("qfq-tinymce-readonly");
                         }
                     });
                 };
@@ -84,6 +86,7 @@ QfqNS.Helper = QfqNS.Helper || {};
                 tinymce.init(config);
                 if($(this).is('[disabled]')) {
                     myEditor.setMode("readonly");
+                    $(this).siblings(".mce-tinymce").addClass("qfq-tinymce-readonly");
                 }
             }
         );
diff --git a/less/qfq-bs.css.less b/less/qfq-bs.css.less
index 03409e4ea..217e1cd69 100644
--- a/less/qfq-bs.css.less
+++ b/less/qfq-bs.css.less
@@ -353,6 +353,10 @@ i.@{spinner_class} {
 
 /* ERROR END */
 
+.qfq-tinymce-readonly .mce-panel {
+  background-color: #eee;
+}
+
 
 /* inline elements in horizontal mode are too much left */
 .form-horizontal {
-- 
GitLab