Details

    • Type: Sub-task
    • Status: Awaiting Review
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: 20.0
    • Component/s: Library
    • Labels:
      None
    • Test Plan:
      Hide

      As any user

      1. View any page with a help link in the upper right of the tool.
      1. Confirm the border is removed.

      For the button cleanup, adding this markup to a page and using browser devtools to set the hover and active states on a button might be helpful

      <p>
      <button class="btn-primary fc-button" disabled="disabled">Disabled</button>
      <button class="btn-primary fc-button">Normal</button>
      <button class="btn-primary fc-button">Hover</button>
      <button class="btn-primary fc-button">Active</button>
      </p>

      <p>
      <button class="btn" disabled="disabled">Disabled</button>
      <button class="btn">Normal</button>
      <button class="btn">Hover</button>
      <button class="btn">Active</button>
      </p>

      <p>
      <button class="btn-tertiary" disabled="disabled">Disabled</button>
      <button class="btn-tertiary">Normal</button>
      <button class="btn-tertiary">Hover</button>
      <button class="btn-tertiary">Active</button>
      </p>

      Show
      As any user View any page with a help link in the upper right of the tool. Confirm the border is removed. For the button cleanup, adding this markup to a page and using browser devtools to set the hover and active states on a button might be helpful <p> <button class="btn-primary fc-button" disabled="disabled">Disabled</button> <button class="btn-primary fc-button">Normal</button> <button class="btn-primary fc-button">Hover</button> <button class="btn-primary fc-button">Active</button> </p> <p> <button class="btn" disabled="disabled">Disabled</button> <button class="btn">Normal</button> <button class="btn">Hover</button> <button class="btn">Active</button> </p> <p> <button class="btn-tertiary" disabled="disabled">Disabled</button> <button class="btn-tertiary">Normal</button> <button class="btn-tertiary">Hover</button> <button class="btn-tertiary">Active</button> </p>

      Description

      Folks at SakaiCamp stated the Help/Link buttons were too prominent. In our local skin I use a material text button to resolve this. https://material-components.github.io/material-components-web-catalog/#/component/button

        Gliffy Diagrams

          Zeplin

            Attachments

              Activity

                People

                Assignee:
                profmikegreene Michael Greene
                Reporter:
                profmikegreene Michael Greene
                Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                  Dates

                  Created:
                  Updated:

                    Git Integration