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

Moodle Core Themes - Top cut off of large text in Summary

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 2.2.2
    • Fix Version/s: 2.1.6, 2.2.3
    • Component/s: Themes
    • Labels:
    • Testing Instructions:
      Hide

      Before testing enable "Allow theme change by URL" in Appearance/Themes/Theme settings

      1. In any course page turn editing on and CLICK on the edit icon in Section 0
      2. Type a line of text, highlight it and change FONT-SIZE to 7(36pt) - SAVE changes. It is IMPORTANT than NO 'H1, H2, H3,...heading tags are used.
      3. TEST Anomaly, Formal White and Standard themes to see that the full height of the text is visible.
      Show
      Before testing enable "Allow theme change by URL" in Appearance/Themes/Theme settings In any course page turn editing on and CLICK on the edit icon in Section 0 Type a line of text, highlight it and change FONT-SIZE to 7(36pt) - SAVE changes. It is IMPORTANT than NO 'H1, H2, H3,...heading tags are used. TEST Anomaly, Formal White and Standard themes to see that the full height of the text is visible.
    • Workaround:
      Hide

      Add .path-course-view .section .summary

      {line-height:normal;}

      to theme/base/style/course.css

      Show
      Add .path-course-view .section .summary {line-height:normal;} to theme/base/style/course.css
    • Affected Branches:
      MOODLE_22_STABLE
    • Fixed Branches:
      MOODLE_21_STABLE, MOODLE_22_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-32385_master
    • Pull Master Diff URL:

      Description

      When creating/editing a Summary if the first line of text has a "Font size" that is set to any value above 5 (18pt) and the "Format" is set to anything but a "Heading" then the top of the text is cut off. I have tested all the themes while viewing a fresh installation of Moodle 2.2.2 and have found the issue in three themes. The browser I am using is Firefox.

      Replicable when using the following themes:

      Anomaly
      Formal White
      Standard

      Testing:

      1] From the Front Page or within a course turn editing on
      2] With editing on click "Edit summary" icon
      3] Use any Font type, use a Font size larger than 5 (18pt), and use any format but the "Headings"
      4] Type a line of text
      5] Save changes
      6] In the above mentioned themes the top of the text will be cut off.

      The screen shots taken have the following settings for the text set:
      Font type: Arial
      Font Size: 7 (36pt)
      Format: Paragraph

        Attachments

        1. Anomaly-Theme-Test.png
          Anomaly-Theme-Test.png
          12 kB
        2. Anomaly-Theme-Test.png
          Anomaly-Theme-Test.png
          15 kB
        3. Formal-White-Test.png
          Formal-White-Test.png
          13 kB
        4. Formal-White-Test.png
          Formal-White-Test.png
          15 kB
        5. Standard-Theme-Test.png
          Standard-Theme-Test.png
          13 kB
        6. Standard-Theme-Test.png
          Standard-Theme-Test.png
          16 kB
        7. Style_Analysis.jpg
          Style_Analysis.jpg
          308 kB

          Activity

            People

            • Votes:
              5 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

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