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

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

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Minor Minor
    • 2.8.7, 2.9.1
    • 2.8.6
    • 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.

      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.

        1. QASite-inverse-navbar-corrected.jpg
          QASite-inverse-navbar-corrected.jpg
          15 kB
        2. QASite-inverse-navbar.jpg
          QASite-inverse-navbar.jpg
          15 kB

            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

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.