Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-31753

a[href] background-color overrides some styles

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: RESOLVED
    • Priority: Critical
    • Resolution: Fixed
    • Affects Version/s: 11.0
    • Fix Version/s: None
    • Component/s: Reference
    • Labels:
    • Test Plan:
      Hide

      You basically need to change this style in
      reference/library/src/morpheus-master/sass/_defaults.scss

      -$button-text-color: #777 !default;
      +$button-text-color: #FFFFFF !default;

      -$button-background-color: #F0F0F0 !default;
      +$button-background-color: #000000 !default;

      Then navigate to the forums tool. Some of the buttons are invisible until hovered over.

      Show
      You basically need to change this style in reference/library/src/morpheus-master/sass/_defaults.scss -$button-text-color: #777 !default; +$button-text-color: #FFFFFF !default; -$button-background-color: #F0F0F0 !default; +$button-background-color: #000000 !default; Then navigate to the forums tool. Some of the buttons are invisible until hovered over.

      Description

      From what I can tell, the &[href] (a[href]) in _defaults.scss is taking the $link-background-color which is by default transparent and it can cause some issues.

      For instance see the test plan when the buttons are reversed and text color matches the background color. This is very obvious on buttons in forums.

      It seems like removing the background-color from this &[href] could be a fix but maybe there's a better one.

        Gliffy Diagrams

          Zeplin

            Attachments

              Activity

                People

                • Assignee:
                  eduardorey Eduardo Rey Jara
                  Reporter:
                  jonespm Matthew Jones
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  2 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:

                    Git Integration