Fixes oppia#6206: Fix enlargement of text in RTE (oppia#6447)

* Fix enlargement of text inRTE * Added a detailed comment * Updated comment * Updated comment
kevintab95 · Mar 28, 2019 · 6cf5a9d · 6cf5a9d
1 parent 11c73a7
commit 6cf5a9d
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/core/templates/dev/head/css/oppia.css b/core/templates/dev/head/css/oppia.css
@@ -358,6 +358,22 @@ p:last-child {
   margin: 1.4em 0;
 }
 
+/* This will prevent the enlargement of the text in the RTE. A span tag gets
+   introduced when a user selects the text from the end of first line, goes to the
+   second one and then writes some text to replace that. The span tag carries
+   along with it a style=font-size:1.6em;, due to which the text is enlarged.
+   This size seems to be taken from the font-size from the body element's
+   CSS class, but we do not know what JS code is causing it to be inlined in the
+   span tag. There is as such no way to remove !important as of now, it's a
+   CKEditor bug (issue #6206 on Oppia). */
+.oppia-rte p span {
+  font-size: 1em !important;
+}
+
+.oppia-rte-editor p span {
+  font-size: 1em !important;
+}
+
 .oppia-long-text-image {
   display: block;
   margin-left: auto;