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

Quiz navigation buttons use part of btn-secondary styles, can disappear

    XMLWordPrintable

    Details

    • Affected Branches:
      MOODLE_36_STABLE

      Description

      The quiz navigation buttons in the side bar will become invisible if you change the btn-secondary color to be white (which would generally be a side effect of turning the button color itself darker to the point that dark text no longer works on it).

      This is because the buttons declare themselves as being .btn-secondary and so inherit the colors from that, but then override only the background to be $card-bg, without changing the text color.

      If $card-bg and btn-secondary text color are similar, the buttons become unreadable. if they're identical then no-one will be able to read them, but if they're just close then it'll be hard for people with vision impairment to read them.

      I think the general solution is not to use btn-secondary on buttons that are intended to have a visual display different from btn-secondary, so possibly some special btn- class for these buttons, as they are quite unique in their behaviour and appearance. Possibly this should use color-yiq to figure out if the text should be dark or light given the buton background color.

       

       

        Attachments

          Activity

            People

            • Assignee:
              Unassigned
              Reporter:
              bawjaws David Scotson
              Participants:
              Component watchers:
              Adrian Greeve, Mihail Geshoski, Peter Dias, Amy Groshek, David Scotson, Amaia Anabitarte, Bas Brands, Carlos Escobedo, Sara Arjona (@sarjona), Víctor Déniz Falcón, Tim Hunt, Andrew Nicols, Mathew May, Michael Hawkins, Shamim Rezaie, Simey Lameze, Amaia Anabitarte, Bas Brands, Carlos Escobedo, Sara Arjona (@sarjona), Víctor Déniz Falcón
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated: