EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/theme/format-text.scss
View File

@ -96,8 +96,6 @@ ion-app.app-root core-rich-text-editor .core-rte-editor {
.atto_image_button_right { .atto_image_button_right {
vertical-align: middle; vertical-align: middle;
max-width: 100%; max-width: 100%;
height: auto;
width: auto;
display: inline-block; display: inline-block;
margin: 0 0.5em; 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. */ /* If the image is display: block then linking the image to URLs won't work. */
/*display: inline-block;*/ /*display: inline-block;*/
max-width: 100%; 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 // Special fixes
// ------------------------- // -------------------------
ion-app.app-root { ion-app.app-root {