MOBILE-3068 styles: Fix RTE image sizing
parent
b24cbab400
commit
cb9b936b3c
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue