From cb9b936b3ccb25d96926b488ea43992f6a44a31c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Thu, 22 Aug 2019 15:38:13 +0200
Subject: [PATCH] MOBILE-3068 styles: Fix RTE image sizing

---
 src/theme/format-text.scss | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/theme/format-text.scss b/src/theme/format-text.scss
index a14ee433e..8365e7363 100644
--- a/src/theme/format-text.scss
+++ b/src/theme/format-text.scss
@@ -96,8 +96,6 @@ ion-app.app-root core-rich-text-editor .core-rte-editor {
   .atto_image_button_right {
     vertical-align: middle;
     max-width: 100%;
-    height: auto;
-    width: auto;
     display: inline-block;
     margin: 0 0.5em;
 
@@ -105,8 +103,6 @@ ion-app.app-root core-rich-text-editor .core-rte-editor {
       /* If the image is display: block then linking the image to URLs won't work. */
       /*display: inline-block;*/
       max-width: 100%;
-      height: auto;
-      width: auto;
     }
   }
 
@@ -179,6 +175,24 @@ ion-app.app-root core-rich-text-editor .core-rte-editor {
   }
 }
 
+// Those styles are omitted on RTE.
+ion-app.app-root core-format-text,
+ion-app.app-root .item core-format-text {
+  .atto_image_button_text-top,
+  .atto_image_button_middle,
+  .atto_image_button_text-bottom,
+  .atto_image_button_left,
+  .atto_image_button_right {
+    height: auto;
+    width: auto;
+
+    &.img-responsive {
+      height: auto;
+      width: auto;
+    }
+  }
+}
+
 // Special fixes
 // -------------------------
 ion-app.app-root {