Issue #2 fix:MTF : Question header scrollable

sunbird-content-plugins · Jun 12, 2018 · c0c3b32 · c0c3b32
1 parent 2486431
commit c0c3b32
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 45 deletions.
diff --git a/renderer/js/mtftemplate.js b/renderer/js/mtftemplate.js
diff --git 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 {