/*
 * A szerkesztőben és a megjelenítésben is: a képek ne nyomódjanak össze.
 *
 * A CKEditor a beillesztett képre INLINE stílust ír (style="height:1200px; width:2000px").
 * Ha a max-width összehúzza a szélességet, a fix height megnyomja a képet. Az inline stílus
 * erősebb a stíluslapnál, ezért itt !important kell — nélküle a szabály nem érvényesül.
 *
 * Ez a fájl két helyen töltődik be: a szerkesztő tartalmi CSS-eként (config/ckeditor.php
 * -> contentsCss) és az admin oldalon (AppadminAsset). A szelektorok ezért szűkítettek:
 * globális `img` szabály elrontaná az admin ikonokat és logókat.
 */

body.cke_editable img,
.task-description img,
.task-popup-block img,
#task-comments img {
    max-width: 100% !important;
    height: auto !important;
}