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

Bootstrap base: import visual fixes from learnmoodle

    Details

    • Type: Task
    • Status: Closed
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 2.6
    • Fix Version/s: 2.6
    • Component/s: Themes
    • Labels:
    • Testing Instructions:
      Hide

      1) test mod chat in a course

      • once with course using non-bootstrapbased theme , this should have no option for 'course theme' under themes options in chat popup window.
      • once with course using a bootstrapbased theme.
      • input box should be wider - full even.

      mod chat should look much nicer, more responsive than previous old mod_chat themes (bubble & compact).
      2) test rss block:

      • create an rss block with a feed to RSS items with very long titles. the block should display nice - wrapping where necessary.
      • test that it looks ok font size and contrast wise.

      3) (see MDLSITE-2455 for more context) test : trust David Mudrak. alternatively install a GA script and reproduce it coming up in navbar as mentioned in MDLSITE-2455.

      4) test that glossary filter's pop up dialog box (yui) on clicked glossary terms specify 'OK' instead of hardcoded 'Ok'. (this is now translatable string too)

      5) test mod_choice :

      • more than 5 choice options displayed on the choosing screen won't overflow over block on the right.
      • check that the results data looks ok too.

      6) on a small screen - typically less that 768px:

      • check that (ubuntu like) course icon on course overview page stays on left top when a course with a long title wraps on smaller screens.
      • a long title should not wrap unnecessarily when there is space on the right of the title.

      7) test mod_data: on edit template or other mod_data setup type tabs, check that tinymce does wrap simply for some sanity in using it on smaller screens.

      8) test mod_forum: group icons on forum posts (blog posts too) are aligned and middled under user's picture.

      9) test mod_survey: the style on the page and radio options etc should be much more improved than the older clean theme (undefined) one.

      10) test upcoming events block: more aligned content (create some events in calendar please)

      11) test latest news block too with some news forum entires. they should also look well aligned. the actual news should be above the rest of a news item's content.

      12) test mod_feedback: the graphs bars depicting the feedback chart should be nice and sexy.

      Show
      1) test mod chat in a course once with course using non-bootstrapbased theme , this should have no option for 'course theme' under themes options in chat popup window. once with course using a bootstrapbased theme. input box should be wider - full even. mod chat should look much nicer, more responsive than previous old mod_chat themes (bubble & compact). 2) test rss block: create an rss block with a feed to RSS items with very long titles. the block should display nice - wrapping where necessary. test that it looks ok font size and contrast wise. 3) (see MDLSITE-2455 for more context) test : trust David Mudrak. alternatively install a GA script and reproduce it coming up in navbar as mentioned in MDLSITE-2455 . 4) test that glossary filter's pop up dialog box (yui) on clicked glossary terms specify 'OK' instead of hardcoded 'Ok'. (this is now translatable string too) 5) test mod_choice : more than 5 choice options displayed on the choosing screen won't overflow over block on the right. check that the results data looks ok too. 6) on a small screen - typically less that 768px: check that (ubuntu like) course icon on course overview page stays on left top when a course with a long title wraps on smaller screens. a long title should not wrap unnecessarily when there is space on the right of the title. 7) test mod_data: on edit template or other mod_data setup type tabs, check that tinymce does wrap simply for some sanity in using it on smaller screens. 8) test mod_forum: group icons on forum posts (blog posts too) are aligned and middled under user's picture. 9) test mod_survey: the style on the page and radio options etc should be much more improved than the older clean theme (undefined) one. 10) test upcoming events block: more aligned content (create some events in calendar please) 11) test latest news block too with some news forum entires. they should also look well aligned. the actual news should be above the rest of a news item's content. 12) test mod_feedback: the graphs bars depicting the feedback chart should be nice and sexy.
    • Affected Branches:
      MOODLE_26_STABLE
    • Fixed Branches:
      MOODLE_26_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-42711-master

      Description

      Port all the theme/rendering/css fixes from learnmoodle repository into core Bootstrap.

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Votes:
                  2 Vote for this issue
                  Watchers:
                  10 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:
                    Fix Release Date:
                    18/Nov/13