3-button Global Widget

Status: 

Priority: 

Test URL(s):

References:

Request(s):

Status: Closed

Check out the details from the AI file under the Google Drive AI folder.

Button Specs:

Active button
Normal: red (#cc0000) background + white text
Hover: dark red (#a80000) background + white text

Regular buttons
Normal: white background + dark grey (#545454) text
Hover: light grey (#ededed) background + red (#cc0000) text

Test page: Testing 3-button widget

Reference page: Academics

Reference page layout with 3-button global widget

10 thoughts on “3-button Global Widget”

    • The hover effect isn’t correct.

      Basically, only 2 types.
      Normal: red(#cc0000) background + white text
      Hover: dark red(#a80000) background + white text

      Normal: white background + dark grey(#545454) text
      Hover: light grey(#ededed) background + red(#cc0000) text

  1. Basically, only 2 types.
    Normal: red(#cc0000) background + white text
    Hover: dark red(#a80000) background + white text
    Ans – It is not possible because there is not active class for any button.

    Normal: white background + dark grey(#545454) text
    Hover: light grey(#ededed) background + red(#cc0000) text
    Ans – Done.

  2. Check the button specs above or below

    Active button
    Normal: red (#cc0000) background + white text
    Hover: dark red (#a80000) background + white text

    Hover background color is not correct.

Leave a Comment