Skip to content

feat: Clicking live display seeks to live edge, improved live UI#5499

Closed
brandonocasey wants to merge 5 commits into
masterfrom
feat/live-updates
Closed

feat: Clicking live display seeks to live edge, improved live UI#5499
brandonocasey wants to merge 5 commits into
masterfrom
feat/live-updates

Conversation

@brandonocasey

Copy link
Copy Markdown
Contributor

Changes

  • Add a "fake-live" example to sandbox, which should emulate live well enough for code reviews
  • Added a circle to the live display that indicates if you are at the live edge or not. It is red when you are on the live edge, and gray when you are not.
  • Clicking the live display brings you to the live edge, but it takes a segment length amount of time before we can do that.

@brandonocasey

Copy link
Copy Markdown
Contributor Author

Comment thread src/css/components/_live.scss Outdated
@include flex(auto);
font-size: 1em;
line-height: 3em;
font-size: 1.5em;

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The text was very small in relation to the icons on the control bar, I bumped it up a tiny bit.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Unfortunately, this means that the LIVE display is now inconsistent with the size of other text in the control bar like the various time displays. I would leave this as is and we should open an issue to look into increase the text size.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Created one from the comment #5500

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ok

Comment thread src/js/control-bar/live-display.js Outdated
* @extends Component
*/
class LiveDisplay extends Component {
class LiveDisplay extends ClickableComponent {

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This probably should be a Button, if possible.

@misteroneill misteroneill removed the needs: LGTM Needs one or more additional approvals label Nov 7, 2018
@gkatsev

gkatsev commented Nov 13, 2018

Copy link
Copy Markdown
Member

Is a lot of LiveDisplay stays around in #5511?

Also, sorry for realizing this so late in the game but I wonder if these updated to the LiveDisplay should be a new component? I think the changes, particularly to the UI of it, may be big enough that it'll cause issues if anyone relied on the LiveDisplay as it exists currently.

@brandonocasey

Copy link
Copy Markdown
Contributor Author

I am going to close this PR and make future changes in the other live pr (going to rename that pr to liveui). I will work on moving all of the changes to another component something like SeekToLive

@brandonocasey brandonocasey deleted the feat/live-updates branch March 19, 2019 17:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants