Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-38856 META: Issues around Bootstrapbase and Clean theme
  3. MDL-39021

Create a new /theme/simple theme based on bootstrap, for users, with settings.

    XMLWordPrintable

    Details

    • Type: Sub-task
    • Status: Closed
    • Priority: Blocker
    • Resolution: Fixed
    • Affects Version/s: 2.5
    • Fix Version/s: 2.5
    • Component/s: Themes
    • Labels:
    • Testing Instructions:
      Hide
      1. Make sure theme designer mode is enabled
      2. Choose the new "Simple" theme from the Theme selector
      3. Browse a couple of pages and verify that the theme looks just like the bootstrap theme
      4. Visit the Simple theme's custom settings page and enable the setting for "Invert navbar"
      5. Save the setting, visit a different page and verify that the navbar is now light grey on black (white when hovering menu items).
      6. Visit the Simple theme's custom settings page and upload a logo file.
      7. Save the settings, visit a different page and verify that the logo appears at the top of the page.
      8. Visit the Simple theme's custom settings page and upload a different logo file.
      9. Save the settings, visit a different page and verify that the new logo appears at the top of the page.
      10. Visit the Simple theme's custom settings page and add some custom CSS:

         body { background-color: red; }
        

      11. Save the settings, visit a different page and verify that the page is now excruciatingly red.
      12. Visit the Simple theme's custom settings page and set some text in the footnote field.
      13. Save the settings, visit a different page and verify that the new footnote text appears at the bottom of the page.
      Show
      Make sure theme designer mode is enabled Choose the new "Simple" theme from the Theme selector Browse a couple of pages and verify that the theme looks just like the bootstrap theme Visit the Simple theme's custom settings page and enable the setting for "Invert navbar" Save the setting, visit a different page and verify that the navbar is now light grey on black (white when hovering menu items). Visit the Simple theme's custom settings page and upload a logo file. Save the settings, visit a different page and verify that the logo appears at the top of the page. Visit the Simple theme's custom settings page and upload a different logo file. Save the settings, visit a different page and verify that the new logo appears at the top of the page. Visit the Simple theme's custom settings page and add some custom CSS: body { background-color: red; } Save the settings, visit a different page and verify that the page is now excruciatingly red. Visit the Simple theme's custom settings page and set some text in the footnote field. Save the settings, visit a different page and verify that the new footnote text appears at the bottom of the page.
    • Affected Branches:
      MOODLE_25_STABLE
    • Fixed Branches:
      MOODLE_25_STABLE
    • Pull Master Branch:
      master

      Description

      Just like we had "standard" based on "base", we need a new standard theme based on "bootstrap".

      After some discussion "simple" emerged as a good name.

      This theme should:

      • use "bootstrap" as a parent.
      • not use less.
      • have settings for a header logo, basic color changes and possibly swatches.

        Attachments

        1. logo_moodle.png
          logo_moodle.png
          58 kB
        2. logo.png
          logo.png
          57 kB
        3. screenshot.jpg
          screenshot.jpg
          21 kB
        4. simple_button.png
          simple_button.png
          8 kB

          Issue Links

            Activity

              People

              • Votes:
                1 Vote for this issue
                Watchers:
                17 Start watching this issue

                Dates

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