From c0c3b32410acca334abb26d081206d44841a294b Mon Sep 17 00:00:00 2001
From: Jagadish Pujari <jagadish.pujari@tarento.com>
Date: Tue, 12 Jun 2018 16:24:53 +0530
Subject: [PATCH] Issue #2 fix:MTF : Question header scrollable

---
 renderer/js/mtftemplate.js | 20 ++------------------
 renderer/styles/style.css  | 32 +++++---------------------------
 2 files changed, 7 insertions(+), 45 deletions(-)

diff --git a/renderer/js/mtftemplate.js b/renderer/js/mtftemplate.js
index c901f66..fe96f6b 100644
--- a/renderer/js/mtftemplate.js
+++ b/renderer/js/mtftemplate.js
@@ -1,12 +1,8 @@
 var QS_MTFTemplate = {}; 
 
 QS_MTFTemplate.htmlLayout = "<div class='mtf-layout'>\
-    <header class='mtf-header'>\
-    <% if(question.data.question.text.length<85){ %> \
-        <div class='mtf-question-text-collapse'><%= question.data.question.text %>\</div>\
-      <%}else{ %> \
-        <div class='mtf-question-text-exapand' onclick='QS_MTFTemplate.expandQuestion(event)'><%= question.data.question.text %>\</div>\
-       <% } %> \
+    <header class='mtf-header' id='scrollbar'>\
+    <div class='mtf-question-text'><%= question.data.question.text %>\</div>\
     </header>\
     <div class='mtf-hori-container'>\
       <% _.each(question.data.option.optionsLHS,function(val,key){ %>\
@@ -43,16 +39,4 @@ QS_MTFTemplate.htmlLayout = "<div class='mtf-layout'>\
     </div>\
 </div>";
 
-QS_MTFTemplate.expandQuestion = function (event) {
-  if ($(event.target.parentElement).hasClass('mtf-question-text-exapand')) {
-    $(event.target.parentElement).addClass("mtf-question-text-collapse");
-    $(event.target.parentElement).removeClass("mtf-question-text-exapand");
-    $(".mtf-header").css('height', '34vh');
-  } else {
-    $(event.target.parentElement).removeClass("mtf-question-text-collapse");
-    $(event.target.parentElement).addClass("mtf-question-text-exapand");
-    $(".mtf-header").css('height', '17.7vh');
-  }
-};
-
 //# sourceURL=QS_MTFTemplate.js
\ No newline at end of file
diff --git a/renderer/styles/style.css b/renderer/styles/style.css
index aa6774f..ac6c6b8 100644
--- a/renderer/styles/style.css
+++ b/renderer/styles/style.css
@@ -9,40 +9,18 @@
 header.mtf-header {
     width: 100%;
     background-color: #404041;
-    height:17.7vh;
+    height: 21vh;
+    margin-bottom: 4%;
+    overflow-y: scroll;
+    /* overflow-x: hidden; */
 }
 
 .mtf-question-text {
-    padding: 17px 10px 16px 10px;
     color: white;
     font-size: 100%;
     line-height: normal;
     text-align: center;
-    height: 24vh;
-}
-.mtf-question-text-exapand{
-    padding: 17px 10px 16px 10px;
-    color: white;
-    font-size: 100%;
-    line-height: normal;
-    text-align: center;
-    height: 24vh;
-    overflow: hidden;
-    display: -webkit-box;
-    text-overflow: ellipsis;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    color: white;
-}
-.mtf-question-text-exapand>p{
-    margin-top: -3%;
-}
-.mtf-question-text-collapse{
-    margin-right: auto;
-    width: 79%;
-    display: -webkit-inline-box;
-    color: white;
-    text-align: center;
+    padding: 7px 0px 0px 2px;
 }
 
 .mtf-hori-container {