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

Theme Boost: Simplify and harmonise flat_navigation.mustache

    XMLWordPrintable

Details

    • Improvement
    • Status: Closed
    • Minor
    • Resolution: Fixed
    • 3.5
    • 3.5
    • Themes
    • MOODLE_35_STABLE
    • MOODLE_35_STABLE
    • MDL-61343-master
    • Hide

      Prequesites:

      • You need a user that is enrolled in at least one course

      Instructions:

      1. Login into Moodle
      2. Open the nav drawer (if not already opened)
      3. Go to a course, the user is enrolled in
      4. Open the web inspector (your browser's developer tools console)
      5. Examine a course section element in the navigation drawer
        • Confirm that the structure is similar to below:

          <div class="m-l-0">
               <div class="media">
                      <span class="media-left">
                            <i class="icon fa fa-folder fa-fw " aria-hidden="true" aria-label=""></i>
                      </span>
                      <span class="media-body">Topic 1</span>
               </div>
          </div>
          

      Show
      Prequesites: You need a user that is enrolled in at least one course Instructions: Login into Moodle Open the nav drawer (if not already opened) Go to a course, the user is enrolled in Open the web inspector (your browser's developer tools console) Examine a course section element in the navigation drawer Confirm that the structure is similar to below: <div class="m-l-0"> <div class="media"> <span class="media-left"> <i class="icon fa fa-folder fa-fw " aria-hidden="true" aria-label=""></i> </span> <span class="media-body">Topic 1</span> </div> </div>

    Description

      When working for a child theme, we stumble along the current existing structure in the flat_navigation.mustache file.
      We think that this can be simplified.

      Furthermore the structure of the items is not homogeneous because elements that have an action do not get div's and span's equal to elements which don't have an action.

      Examples:

      • Code of a topic section:

        <div class="m-l-0">
            <div class="media">
                 <span class="media-left">
                          <i class="icon fa fa-folder fa-fw " aria-hidden="true" aria-label=""></i>
                 </span>
                 <span class="media-body">section 1</span>
             </div>
        </div>
        

      • Code of a section without an icon:

        <div class="m-l-1">
              My first course
        </div>
        

        Here, the media divs are missing.

      Attachments

        Issue Links

          Activity

            People

              kosswa Kathrin Osswald
              kosswa Kathrin Osswald
              Bas Brands Bas Brands
              David Monllaó David Monllaó
              Anna Carissa Sadia Anna Carissa Sadia
              Huong Nguyen, Bas Brands, Mathew May, Amaia Anabitarte, Carlos Escobedo, Laurent David, Mikel Martín Corrales, Sabina Abellan, Sara Arjona (@sarjona)
              Votes:
              2 Vote for this issue
              Watchers:
              5 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                17/May/18

                Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 2 hours
                  2h