Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

WIP: Redesign time display #5118

Closed

Conversation

winniehell
Copy link
Contributor

@winniehell winniehell commented Aug 10, 2019

This creates a new design for the time display widget.

It is still work in progress because the code needs some cleanup before merging.

Before After
Bildschirmfoto vom 2019-08-10 23-57-26 Bildschirmfoto vom 2019-08-10 23-55-35
Bildschirmfoto vom 2019-08-10 23-57-31 Bildschirmfoto vom 2019-08-10 23-55-40

video:
new-time-display.zip

closes #5097

m_milliSecondsLabel.setAlignment(Qt::AlignRight);
m_milliSecondsLabel.setStyleSheet(labelStyle);
m_milliSecondsValue.setAlignment(Qt::AlignRight);
m_milliSecondsValue.setStyleSheet(valueStyle);
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This repetition deserves its own widget.

m_spinBoxesLayout.addWidget( &m_milliSecondsLabel, 0, 2 );
m_spinBoxesLayout.addWidget( &m_milliSecondsValue, 1, 2 );

this->setStyleSheet( "TimeDisplayWidget { border-radius: 4px; background-color: rgba(0,0,0,70); margin: 8px; padding: 4px; }" );
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This should go in the stylesheet.

this->setStyleSheet( "TimeDisplayWidget { border-radius: 4px; background-color: rgba(0,0,0,70); margin: 8px; padding: 4px; }" );

QString labelStyle = "font-size: 10px;";
QString valueStyle = "color: #0bd556; font-size: 24px;";
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This should go in the stylesheet.

@winniehell winniehell changed the base branch from stable-1.2 to master August 10, 2019 22:19
@winniehell winniehell force-pushed the winniehell-time-display branch 3 times, most recently from 8c66de4 to f239080 Compare August 10, 2019 22:38
@qnebra
Copy link

qnebra commented Aug 11, 2019

In my opinion numbers should have same style, now your PR looks quite incoherently.

@winniehell
Copy link
Contributor Author

@qnebra Yes, I agree! 👍 I will create another pull request to TEMPO/BPM and TIME SIG consistent after this design got approved.

@winniehell
Copy link
Contributor Author

@Umcaruje given that you are the UI/UX maintainer, can I get your feedback here?

@Umcaruje
Copy link
Member

In my opinion, the number size is a bit too large, especially if you compare it to the buttons on the left, so I would make it a bit smaller, something around 20px should be good

I will create another pull request to TEMPO/BPM and TIME SIG consistent after this design got approved.

I would suggest you do this in this PR.

Also, I really liked the idea of either making the unused zeroes in the minutes darker, that you posted somewhere else.

Also I would return the CPU and waveform meter to its previous place.

All in all, this looks more modern and I'm all for it, but the tempo and time signature should be integrated into the actual design, as this looks wildly inconsistent at the moment

@winniehell
Copy link
Contributor Author

@Umcaruje Thank you for your feedback! 👍

something around 20px should be good

sure, I will give that a try.

I would suggest you do this in this PR.

My intention was to keep this one as small as possible code-wise. However I trust your judgement and will update the other two components as well.

I really liked the idea of either making the unused zeroes in the minutes darker

Would you restrict that to minutes (and bars) only or should I apply that to all segments?

Also I would return the CPU and waveform meter to its previous place.

Thank you for catching this! ❤️ This was definitely not intended but I didn't notice. 🙈 I will revert that change.

@Umcaruje
Copy link
Member

My intention was to keep this one as small as possible code-wise.

Yeah but in terms of design it will be much easier to fine tune it if it's in the same PR.

Would you restrict that to minutes (and bars) only or should I apply that to all segments?

Only minutes and bars, it wouldn't make sense on the other values.

@PhysSong
Copy link
Member

It seems like there's another work #5261 in progress.

@winniehell
Copy link
Contributor Author

yep, thank you @PhysSong. I'm closing this one.

@winniehell winniehell closed this Nov 1, 2019
@winniehell winniehell deleted the winniehell-time-display branch November 1, 2019 09:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Proposal for a bigger, modern looking time display
4 participants