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

    Details

    • Testing Instructions:
      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.
    • Affected Branches:
      MOODLE_25_STABLE
    • Fixed Branches:
      MOODLE_25_STABLE, MOODLE_26_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-42195-master
    • Story Points:
      13
    • Sprint:
      FRONTEND Sprint 11

      Description

      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.

        Attachments

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

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                15 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  12/May/14