From 333a4445b79e6130b2bb35af8ab106ec3be66645 Mon Sep 17 00:00:00 2001
From: Benjamin Baer <benjamin.baer@math.uzh.ch>
Date: Wed, 1 Jul 2020 05:47:03 +0200
Subject: [PATCH] added a class list and updated css

---
 less/qfq-bs.css.less      | 12 ++++++++++++
 mockup/tinyMCEUpload.html |  9 ++++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/less/qfq-bs.css.less b/less/qfq-bs.css.less
index 7d4feee42..627e49334 100644
--- a/less/qfq-bs.css.less
+++ b/less/qfq-bs.css.less
@@ -91,6 +91,10 @@ i.@{spinner_class} {
   border: 2px solid #ccc;
 }
 
+.qfq-image-border, .qfq-image-border-left, .qfq-image-border-right {
+  border: 1px solid #333;
+}
+
 .radio-inline:hover input ~ .checkmark, .radio:hover input ~ .checkmark {
   border-color: #2196F3;
 }
@@ -685,6 +689,14 @@ span.qfq-typeahead-tag {
   }
 }
 
+.qfq-image-left, .qfq-image-border-left {
+  float: left;
+}
+
+.qfq-image-right, .qfq-image-border-right {
+  float: right;
+}
+
 .tt-suggestion {
   cursor: pointer;
   cursor: hand;
diff --git a/mockup/tinyMCEUpload.html b/mockup/tinyMCEUpload.html
index 4c30c0419..b91a4a32f 100644
--- a/mockup/tinyMCEUpload.html
+++ b/mockup/tinyMCEUpload.html
@@ -71,7 +71,14 @@ Use this mockup:
                 <textarea id="text:2" class="qfq-tinymce" name="rte"
                           data-config='{ "plugins": "image", 
                           "file_picker_types": "file image media", 
-                          "image_advtab": true, 
+                          "image_class_list": [
+                                {"title": "none", "value": ""},
+                                {"title": "border", "value": "qfq-image-border"},
+                                {"title": "right", "value": "qfq-image-right"},
+                                {"title": "left", "value": "qfq-image-left"},
+                                {"title": "border-left", "value": "qfq-image-border-left"},
+                                {"title": "border-right", "value": "qfq-image-border-right"}
+                              ],
                           "automatic_uploads": true,
                           "images_upload_url": "api/pictureUpload.php",
                           "images_reuse_filename": true }'>
-- 
GitLab