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

Clean RTL: Label/Input alignment on smaller screens

    XMLWordPrintable

Details

    Description

      As identified by Barbara - when using a RTL language the responsive rules for forms are not working correctly. MDL-39682 fixed the issue for larger screens.

      Steps to reproduce:

      1. Use a screen of 360 width or 468 (or try lots of resolutions)
      2. Got to course settings or forum settings
      3. The labels are aligned on the same line as the input elements creating a mess
        Exepceted:
        It should behave the same as LTR, see screenshots:
      LTR (Basis) RTL

      Attachments

        1. rtl.png
          rtl.png
          86 kB
        2. rtl_468.png
          rtl_468.png
          96 kB
        3. ltr.png
          ltr.png
          103 kB
        4. ltr_468.png
          ltr_468.png
          104 kB

        Issue Links

          Testing discovered

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-39682 Labels and Input elements alignment issues in all Forms (theme/clean , actually: bootstarpbase)

          • Minor - Minor loss of function where workaround is possible
          • Closed

          Activity

            People

              fred Frédéric Massart
              poltawski Dan Poltawski
              Jérôme Mouneyrac Jérôme Mouneyrac
              Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
              Rossiani Wijaya Rossiani Wijaya
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                10/Mar/14