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

AI: Image generation - Small screen display issue

XMLWordPrintable

    • MOODLE_405_STABLE
    • MOODLE_405_STABLE
    • main_MDL-83073
    • Hide

      Administration setting - Setup

      There is no need to configure the placement and providers, they just need to be enabled.

      1. Login as admin.
      2. Navigate to Site admin >> General >> AI >> Manage settings for AI providers{}
      3. Enable the OpenAI provider plugin.
      4. Navigate to Site admin >> General >> AI >> Manage settings for AI placements
      5. Enable the HTML Text Editor Placement plugin.

      Testing

      1. Login as admin.
      2. Edit your profile.
      3. Click on the AI button in the HTML text editor.
      4. Select AI generate image.
      5. Agree with the Policy (If any).
      6. Slowly reduce the web browser window width.
      7. Verify as the screen reduces width, none of the elements in the modal overlap with each other.
      8. Verify as the display breakpoints change, the content in the image generation modal displays correctly and there is no overlapping content.
      Show
      Administration setting - Setup There is no need to configure the placement and providers, they just need to be enabled. Login as admin. Navigate to Site admin >> General >> AI >> Manage settings for AI providers { } Enable the OpenAI provider plugin. Navigate to Site admin >> General >> AI >> Manage settings for AI placements Enable the HTML Text Editor Placement plugin. Testing Login as admin. Edit your profile. Click on the AI button in the HTML text editor. Select AI generate image. Agree with the Policy (If any). Slowly reduce the web browser window width. Verify as the screen reduces width, none of the elements in the modal overlap with each other. Verify as the display breakpoints change, the content in the image generation modal displays correctly and there is no overlapping content.
    • 1
    • Team Hedgehog 2024 Sprint 3.2, Team Hedgehog 2024 Sprint 3.3

      Identified in: MDL-82627

      On a small/low resolution display when generating an image in the text editor, the model does not display correct and there is overlapping content (see below).

      The area where the image is displayed, should snap under the controls in the model when on a small resolution display 

        1. image-2024-09-10-15-51-50-320.png
          63 kB
          Matt Porritt
        2. modal_large.png
          53 kB
          Matt Porritt
        3. modal_medium.png
          52 kB
          Matt Porritt
        4. modal_small.png
          49 kB
          Matt Porritt
        5. misaligned.png
          49 kB
          David Woloszyn
        6. misalignment2.png
          58 kB
          David Woloszyn
        7. misalignment3.png
          55 kB
          David Woloszyn
        8. 991-wide-margin.png
          180 kB
          David Woloszyn
        9. box-misalignment.png
          43 kB
          David Woloszyn
        10. MDL-83073.png
          392 kB
          Ron Carl Alfon Yu

            matt.porritt@moodle.com Matt Porritt
            matt.porritt@moodle.com Matt Porritt
            David Woloszyn David Woloszyn
            Shamim Rezaie Shamim Rezaie
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 33 minutes
                33m

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