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