Process Manager UI Fixes (only a list)

[anthonyettinger]

easy

• Delete (X) should appear on hover, not when the row is selected
• Column Header text is too big
  • make th text same font-size as input labels
  • .ui-table thead th should get explicit font-size
  • .manager-main-layout .manager-main-container .manager-pm-host-grid th (remove font-weight)
• “Strong PM” and “Port “ input text is bigger than the other columns
  • table tbody .ui-table should be the same font-size: 1.4rem (active label is smaller than input values)
• Context menu button is too small [triangle]
  • look at design for proper size
• PIDs header has no left padding
• “Add Host” button should have a “+” in front of it
  • just add "+" text to it
• The context menu button [triangle] and “X” should appear on hover (right now x only appears on select)
• The “Add Host” button should go blue on mouseover

  medium

• Cells in a row don’t align vertically
  • text needs to be on same baseline across the row
• Input text in the Port and Count columns don’t left align with header
  • remove extraneous padding in cells should fix this
• Vertical spacing in PID rows is too small
  • bottom of first pid should be on same baseline as other cells text
  • add more space between pids in a single list (see design)
• The context menu button [triangle] should not be visible unless hovering over the row
• The “X” is too small (its picking up .ui-form fontsize and shouldn't be)
• The “count” column should not have placeholder text in it. The user doesn’t enter anything here.
  • remove the placeholder on Count input spinner
• When a row is selected, the “App Status” cell text should go white (stays grey)
• All text in row should go white when selected, including icons

  difficult

• Port, App Status, count and PID columns are too wide
  • match up table cell alignment with mock
• progress spinner doesn’t appear during activation
  • needs logic to implement
• When the “Activate” button is clicked, the table gets screwed up
  • appears to need some extra logic for when clicked and has a pending state
• When activation fails, the “?” button is black (should be grey), and the app status should say “Problem” in red. It currently just looks crazy.
  • see comp, text should go to "Activating... (spinner)"
• When the “?” button is clicked, it sometimes produces an empty dialog (only when clicking while "Activating...")
  • "?" should not be visible when Activating.
• The “Activate” text and Button should function together as one button
  • Anthony wants to rewrite the App Status cell to fix all these inconsistencies

    undecided

• Title should be green with a context menu button beside it (this is missing from the final comp, will add it. It can be seen in the V1 comp)
  • link was removed during development (should it be removed from design?)
• Toaster messages don’t follow the style guide. Not sure why they are appearing, they’re not part of the design. Do we need them?
  • do we need these? they aren't in design (ask sean/stacy/al)
• Text generally is too big
• Rows are too high
  • should be fixed once padding issues are addressed
• Buttons disappear on mouseover
  • can't reproduce
• When a row is selected, blur should deselect it.
  • needs to listen for a page click event and determine if table was clicked or not
• When a cell has focus, it should have a 2px, rounded blue border with a drop shadow. The bounding box of the input field should not be visible.
  • this is going to be too difficult to implement
• The row border should highlight on hover
• The autosuggest host menu for entering hostnames doesn’t appear (not implemented yet)

  DONE

• Validation isn’t working for the host field

  TODO

[anthonyettinger]

This list needs to be decided upon priority and cards made for each item.

The easy ones can probably all be done in one card in one PR.

@altsang

[anthonyettinger]

@stacy-hunt please verify this list if there are any outstanding issues.

[stacy-hunt]

@anthonyettinger do you have a new branch that I need to pull down in order to see these fixes? If so, can you give me directions to get it plz?

[anthonyettinger]

feature/initial-gateway-module-create should have all recent changes