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

Menu divider colors are wrong if 'invert navbar' setting is selected.

    XMLWordPrintable

Details

    • Bug
    • Status: Closed
    • Minor
    • Resolution: Fixed
    • 2.8.6
    • 2.8.7, 2.9.1
    • Themes
    • MOODLE_28_STABLE
    • MOODLE_28_STABLE, MOODLE_29_STABLE
    • MDL-50497-M30
    • Hide

      Add this to Clean or More CSS Custom settings:

      .navbar.navbar-inverse .nav .divider

      { border-left: 1px solid #333; border-right: 1px solid #555; }

      See attached screen-shot of what it looks like with the css added above.

      Show
      Add this to Clean or More CSS Custom settings: .navbar.navbar-inverse .nav .divider { border-left: 1px solid #333; border-right: 1px solid #555; } See attached screen-shot of what it looks like with the css added above.
    • Hide
      1. Using Clean theme, go to Theme settings and add the following 'example' menu for this setting.

        #
        About
        #
        Contact
        #
        Help
        #
        Notices
        #
        

      2. Save your settings.
      3. In Clean theme's Custom settings page change the navbar settings to 'Inverse'.
      4. Save settings.
      5. Verify that the navbar is now black and that the vertical divider lines in the top menubar are grey and NOT white.
      Show
      Using Clean theme, go to Theme settings and add the following 'example' menu for this setting. # About # Contact # Help # Notices # Save your settings. In Clean theme's Custom settings page change the navbar settings to 'Inverse'. Save settings. Verify that the navbar is now black and that the vertical divider lines in the top menubar are grey and NOT white.

    Description

      If you add a # (hash character) in the Custom Menu textbox in Theme settings, and use either Clean or More themes, it adds a dividing line between the menu items. If you also opt to have an 'inverse' menubar (which is black) the grey/white divider line looks wrong in contrast to the black background. These dividers need to be shades of a darker grey.
      I have attached two images showing the Menu in the Clean theme, before and after correcting.

      Attachments

        Issue Links

          Activity

            People

              lazydaisy Mary Evans
              lazydaisy Mary Evans
              Jetha Chan Jetha Chan
              David Monllaó David Monllaó
              John Okely John Okely
              Votes:
              0 Vote for this issue
              Watchers:
              5 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                6/Jul/15