Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-42195

Bootstrap makes all images responsive with no way to disable this behaviour via CSS

XMLWordPrintable

    • MOODLE_25_STABLE
    • MOODLE_25_STABLE, MOODLE_26_STABLE
    • MDL-42195-master
    • Hide

      Test using Clean

      • Create an image in tinymce and set the width and height to non-default values (make it an obviously different ratio)
      • Verify the image shows in the editor with the new size
      • Save the content and verify the saved content is displayed at the new size.
      • Repeat test with Atto
      • Look at the Scorm objectives report
      • Make your browser about 800px wide and verify the user picture column is not squashed into the next one.
      • Go to any page using a flexible table and hide a column. Verify the show image is bigger than 1x1 pixels.
      Show
      Test using Clean Create an image in tinymce and set the width and height to non-default values (make it an obviously different ratio) Verify the image shows in the editor with the new size Save the content and verify the saved content is displayed at the new size. Repeat test with Atto Look at the Scorm objectives report Make your browser about 800px wide and verify the user picture column is not squashed into the next one. Go to any page using a flexible table and hide a column. Verify the show image is bigger than 1x1 pixels.
    • 13
    • FRONTEND Sprint 11

      After changing the dimensions of the image the image is still display with its original dimension.

      This prevents setting a width/height on images in Atto and TinyMCE, and has broken all sorts of images all over Moodle.

      Bootstrap 3 reverted this behaviour to make it opt-in - but we are stuck with Bootstrap 2.

        1. devices.gif
          devices.gif
          2.31 MB
        2. this-is-not-web.png
          this-is-not-web.png
          685 kB
        3. this-is-the-web.png
          this-is-the-web.png
          595 kB

            damyon Damyon Wiese
            raphaelgold Raphael
            Andrew Lyons Andrew Lyons
            Marina Glancy Marina Glancy
            Frédéric Massart Frédéric Massart
            Votes:
            0 Vote for this issue
            Watchers:
            14 Start watching this issue

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.