Fixes:oppia#5980: Makes line-spacing within a paragraph consistent (o…

…ppia#5981) * Fixed line-spacing with a paragraph * Added comment to explain 1.846
engaboda · Dec 16, 2018 · e8e14d5 · e8e14d5
1 parent c74a73c
commit e8e14d5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/core/templates/dev/head/css/oppia.css b/core/templates/dev/head/css/oppia.css
@@ -1486,8 +1486,14 @@ pre.oppia-pre-wrapped-text {
    line-height, margin-top and margin-bottom attributes)
 */
 
+/* Line-height is set to 1.846 to ensure that the line-spacing inside
+   a paragraph is consistent both in the editor mode while editing and
+   after saving. The value 1.846 came from
+   /third_party/generated/css/third_party.css.
+*/
+
 .oppia-rte-editor > p {
-  line-height: 1.5;
+  line-height: 1.846;
   margin-bottom: 18px;
   margin-top: 18px;
 }
@@ -1500,7 +1506,7 @@ pre.oppia-pre-wrapped-text {
   word-spacing: 0;
 }
 .oppia-rte-content > div > p {
-  line-height: 1.5;
+  line-height: 1.846;
   margin-bottom: 18px;
   margin-top: 18px;
 }

diff --git a/core/templates/dev/head/pages/exploration_player/conversation_skin_directive.html b/core/templates/dev/head/pages/exploration_player/conversation_skin_directive.html
@@ -246,7 +246,7 @@
       the same line-height, margin-top and margin-bottom attributes)
   */
   .rte-viewer > p {
-    line-height: 28px;
+    line-height: 1.846;
     margin-bottom: 18px;
     margin-top: 18px;
   }