zilahir/teleprompter

Scroller visual updates

oittinen opened this issue · 3 comments

oittinen commented

The top bar is a bit more compact and cleaner, while the segments are a bit more clearly defined.

https://xd.adobe.com/view/614443a6-af97-49a7-603e-e82e2c667a77-1775/screen/39b7293c-48ea-4225-a68e-b3c42ded6adf/

  1. Segment name is in segment color
  2. Segment outline is 5px wide
  3. Pause line is also 5px wide
  4. Pause icon is bigger
  5. "Keyboard" and "Mouse" labels have been removed from instructions
  6. Instructions are now in two rows and wording is slightly different to save space
  7. Update button is styled like other buttons. It's not as wide, it's not all caps, it's lighter (Medium = 500?), it has that refresh icon.
  8. "Your session id is" is now "Session ID" and it's in two rows.
  9. The session ID itself is 17px 600 while the label is the same 14px 400 as the other texts
  10. "Press F6 to toggle fullscreen" is now "Press F6 for fullscreen"
  11. This isn't in the design but: It would make more sense if the keyboard/mouse instructions were aligned only like 20px from the left side of the screen and the other stuff was aligned to the right, also 20px from the edge. There's no real reason for them to be so far from the sides.

That's it!

github-actions commented

This issue is stale because it has been open 10 days with no activity. Remove stale label or comment or this will be closed in 30 days.

github-actions commented

This issue is stale because it has been open 10 days with no activity. Remove stale label or comment or this will be closed in 30 days.

github-actions commented

This issue was closed because it has been stalled for 30 days with no activity.