okta / okta-signin-widget

HTML/CSS/JS widget that provides out-of-the-box authentication UX for your organization's apps
Other
376 stars 319 forks source link

Change apearance of "Need Help Logging In?" #270

Open StateBarofArizona opened 7 years ago

StateBarofArizona commented 7 years ago

After clicking "Need Help Logging In?" it seems confusing to the user that this item appears exactly like the links that appear below. Could that first link be bolded or highlighted or something so that it is more obvious once the help links are visible, the original link is now a heading for the list of links?

santhoshbalakrishnan-okta commented 6 years ago

@StateBarofArizona Thanks for bringing this up! We are started a discussion on this with our UX team.

In the meanwhile, it is possible to manually change this via CSS. Check out Customizing style with CSS in https://developer.okta.com/code/javascript/okta_sign-in_widget

You can try this as well in your overriding CSS:

#okta-sign-in .auth-footer .help {
    color: #0074b3;
    font-weight: bold;
}

Or something like this to indicate a dropdown, or use a down arrow:

#okta-sign-in .auth-footer .help:before {
    content: "▶";
}
screen shot 2017-12-01 at 3 02 56 pm screen shot 2017-12-01 at 3 03 04 pm