Improve button consistency in forums

Description

In Forums, it was noted that there are 3-4 different styles of buttons right now in Morpheus. (This might already be something looked at across all the tools but I didn't find an issue)

  • The buttons on top have a style that appears to be mostly from navIntraTool and a type of "tab" view, but they aren't really tabs.

  • The next/previous buttons have a style (button and formButtonDisabled when they're disabled)

  • Link and Help buttons have styles

  • The action buttons (Reply/Email/etc) have a style which seems to be a combination of href and button.

  • Move thread has a style of button display-topic-picker

  • The post button on creating a new conversation has a style that appears to be just inherited from submit since there's no class on it.

All of these look different with different colors and different border styles. Ideally there would be less button styles in forums.

Activity

Show:

Dave Eveland February 16, 2017 at 8:00 AM

See this attempt to change a CSS background attribute - it's not as simple as just changing the background color of the buttons. link Change of button Background Color also changes other areas of the interface

Dave Eveland February 16, 2017 at 7:55 AM

Right so providing a level of consistency just within a single tool is a really good goal. In our case we're just struggling with having the CSS dictate appropriate colors for the buttons associated with engaging with a particular conversation. Notice here that the REPLY | EMAIL | GRADE | EDIT | DELETE MESSAGE buttons are white on white, and displays the same way for students... it's not really clear how students are expected to interact in the forum since the button's don't show up very well at all.
link ForumButtonsContrastIssue

Details

Priority

Affects versions

Components

Assignee

Reporter

Labels

Created September 9, 2016 at 5:30 PM
Updated February 16, 2017 at 8:00 AM