MOBILE-3068 styles: Fix RTE image sizing

main
Pau Ferrer Ocaña 2019-08-22 15:38:13 +02:00
parent b24cbab400
commit cb9b936b3c
1 changed files with 18 additions and 4 deletions

View File

@ -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 {