Issue #8 feat: option add ckeditor and validation

sunbird-content-plugins · Jul 27, 2018 · c5f3290 · c5f3290
2 parents 95decbb + dcee7d8
commit c5f3290
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 22 deletions.
diff --git a/renderer/styles/style.css b/renderer/styles/style.css
@@ -604,7 +604,7 @@ span.qc-option-txt-only {
 
 .mcq-horizontal-container .a-image img {
   max-height: 60px;
-  max-width: 100px;
+  max-width: 15vw;
   z-index: 1;
 }
 
@@ -696,7 +696,7 @@ span.qc-option-txt-only {
 
 .mcq-horizontal-container .a-text {
   position: relative;
-  width: 80%;
+  width: 53vw;
   float: left;
   overflow: hidden;
   max-height: 55px;
@@ -770,24 +770,37 @@ span.qc-option-txt-only {
 /*MCQ expand question and option popup*/
 .mcq-expand-popup{
   position: absolute;
-  top: 0;
+  top: -4%;
   bottom: 0;
   left: 0;
   right: 0;
   background: #fff;
-  z-index: 9999
+  z-index: 9999;
+  width: 100%;
 }
 .mcq-popup-container {
+  background-color: #fff;
+  margin: 0;
   width: 100%;
-  height: 100vh;
-  display: block;
+  height: 100%;
   font-family: NotoSans;
 }
 .mcq-popup-image {
   width: 50%;
   float: left;
+  margin-top: 1%;
   padding-right: 15px;
 }
+.mcq-popup-full-body{
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  margin: auto;
+  width: 90vw;
+  height: 90vh;
+}
 .mcq-popup-image img {
   width: 100%;
   height: 100%;
@@ -796,7 +809,7 @@ span.qc-option-txt-only {
   padding: 0 10px;
   display: block;
   width: 100%;
-  height: 76vh;
+  height: 64vh;
   overflow-y: auto;
 }
 .mcq-popup-audio{
@@ -819,9 +832,8 @@ span.qc-option-txt-only {
   position: fixed;
   bottom: 0;
   text-align: center;
-  padding: 10px;
-  background-color: #fff;
-  width: 82%;
+  padding: 3.7%;
+  width: 96vw;
   border-top: 1px solid rgba(34, 36, 38, .15);
 }
 .mcq-popup-back-button {

diff --git a/renderer/template/horizontal_template.js b/renderer/template/horizontal_template.js
@@ -36,7 +36,7 @@ MCQController.getHorizontalTemplate = function () {
       <div class='a-media'>\
         <% if ( val.image){ %> \
           <div class='a-image'>\
-            <img src='<%=val.image%>' style='height: 54px;'/>\
+            <img src=<%=MCQController.pluginInstance.getAssetUrl(val.image)%> style='height: 54px;'/>\
           </div>\
         <%}%>\
         <% if (val.image && val.audio){ %> \

diff --git a/renderer/template/template_controller.js b/renderer/template/template_controller.js