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

[DDW-1186] Stake pool descriptions is not fully shown if it is long enough #1832

Conversation

DeeJayElly
Copy link
Contributor

@DeeJayElly DeeJayElly commented Jan 30, 2020

This PR fixes stake pool descriptions in not fully shown if it's long enough.

Ticket: https://iohk.myjetbrains.com/youtrack/issue/DDW-1186

Screenshots

Screenshot 2020-01-30 20 01 54


Testing Checklist


Review Checklist

Basics

  • PR has been assigned and has appropriate labels (feature/bug/chore, release-x.x.x)
  • PR is updated to the most recent version of the target branch (and there are no conflicts)
  • PR has a good description that summarizes all changes and shows some screenshots or animated GIFs of important UI changes
  • CHANGELOG entry has been added to the top of the appropriate section (Features, Fixes, Chores) and is linked to the correct PR on GitHub
  • Automated tests: All acceptance and unit tests are passing (yarn test)
  • Manual tests (minimum tests should cover newly added feature/fix): App works correctly in development build (yarn dev)
  • Manual tests (minimum tests should cover newly added feature/fix): App works correctly in production build (yarn package / CI builds)
  • There are no flow errors or warnings (yarn flow:test)
  • There are no lint errors or warnings (yarn lint)
  • There are no prettier errors or warnings (yarn prettier:check)
  • There are no missing translations (running yarn manage:translations produces no changes)
  • Text changes are proofread and approved (Jane Wild / Amy Reeve)
  • Japanese text changes are proofread and approved (Junko Oda)
  • UI changes look good in all themes (Alexander Rukin)
  • Storybook works and no stories are broken (yarn storybook)
  • In case of dependency changes yarn.lock file is updated

Code Quality

  • Important parts of the code are properly commented and documented
  • Code is properly typed with flow
  • React components are split-up enough to avoid unnecessary re-renderings
  • Any code that only works in main process is neatly separated from components

Testing

  • New feature/change is covered by acceptance tests
  • New feature/change is manually tested and approved by QA team
  • All existing acceptance tests are still up-to-date
  • New feature/change is covered by Daedalus Testing scenario
  • All existing Daedalus Testing scenarios are still up-to-date

After Review

  • Merge the PR
  • Delete the source branch
  • Move the ticket to done column on the YouTrack board
  • Update Slack QA thread by marking it with a green checkmark

@DeeJayElly DeeJayElly added bug ⏳release-vNext-ITN1 Daedalus Incentivized Testnet - Rewards labels Jan 30, 2020
@DeeJayElly DeeJayElly requested review from alexander-rukin and a team January 30, 2020 19:45
@DeeJayElly DeeJayElly self-assigned this Jan 30, 2020
@DeeJayElly DeeJayElly changed the base branch from develop to v2-integration January 30, 2020 19:45
Copy link
Contributor

@MarcusHurney MarcusHurney left a comment

Choose a reason for hiding this comment

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

Looks good! 👍

@alexander-rukin
Copy link
Contributor

image

I assume that it would not fit the minumum screen size 🤔 @nikolaglumac shouldn't we show only first few lines here?

@IuliaDolishniak
Copy link

2020-01-31_10-53-45
this way it looks for Delegation wizard in minimized mode
I know it is not directly by the PR but I think it should be fixed

@DeeJayElly
Copy link
Contributor Author

image

I assume that it would not fit the minumum screen size 🤔 @nikolaglumac shouldn't we show only first few lines here?

I can add ellipsis and limit the height of the description text.

@DeeJayElly
Copy link
Contributor Author

2020-01-31_10-53-45
this way it looks for Delegation wizard in minimized mode
I know it is not directly by the PR but I think it should be fixed

Will recheck @IuliaDolishniak , thats a good catch and definitely it should be fixed

@alexander-rukin
Copy link
Contributor

image I assume that it would not fit the minumum screen size 🤔 @nikolaglumac shouldn't we show only first few lines here?

I can add ellipsis and limit the height of the description text.

https://zpl.io/a8p7ePJ - here is my proposal

@thedanheller
Copy link
Contributor

https://zpl.io/a8p7ePJ - here is my proposal

@a-rukin
A tooltip over a tooltip looks confusing, to me. I'd try either expanding the text over the other information when hovering or having "Show more"/"Show less" links.

@alexander-rukin
Copy link
Contributor

alexander-rukin commented Jan 31, 2020

https://zpl.io/a8p7ePJ - here is my proposal

@a-rukin
A tooltip over a tooltip looks confusing, to me. I'd try either expanding the text over the other information when hovering or having "Show more"/"Show less" links.

links requite to click, this feature is ok to be hidden, as we can afford this

it's tooltip over popup dialog, so quite ok because first requires to click, second - to hover.
In the delegation dialog it's a bit awkward - yes.

As an option instead of "..." we can make gradient fadeout

@DeeJayElly
Copy link
Contributor Author

https://zpl.io/a8p7ePJ - here is my proposal

@a-rukin
A tooltip over a tooltip looks confusing, to me. I'd try either expanding the text over the other information when hovering or having "Show more"/"Show less" links.

it's tooltip over popup dialog, so quite ok because first requires to click, second - to hover.
In the delegation dialog it's a bit awkward - yes.

As an option instead of "..." we can make gradient fadeout

Yeah i understand what you are trying to say. But our component currently we use "pop" as you say, as a tooltip component and for us that's already a popup. That's why @daniloprates said it's strange to see tooltip on top of tooltip.

@alexander-rukin
Copy link
Contributor

Popup over popup is still ok.
Ex. dropdown menu with multi-levels (if implemented properly)

@alexander-rukin
Copy link
Contributor

Other way around is to create stakepool page. Not sure you are ready to implement it now :D

@nikolaglumac
Copy link
Contributor

@DeeJayElly @a-rukin @darko-mijic let's have a call regarding this one today!

@thedanheller
Copy link
Contributor

@DeeJayElly @a-rukin @darko-mijic let's have a call regarding this one today!

@nikolaglumac I'd like to participate as well if it didn't happen yet.

@DeeJayElly
Copy link
Contributor Author

@DeeJayElly @a-rukin @darko-mijic let's have a call regarding this one today!

@nikolaglumac I'd like to participate as well if it didn't happen yet.

Let me know what timeframe? We can talk now or you want to go through it on our weekly call?

@thedanheller
Copy link
Contributor

My suggestion: go for @a-rukin's proposal and think of a better overall solution. I have an idea that could integrate this issue with the Stake Pools comparison screen.

…ns-is-not-fully-shown-if-it-is-long-enough

# Conflicts:
#	CHANGELOG.md
@IuliaDolishniak
Copy link

@nikolaglumac no, I am talking regarding this one (cutoff tooltip), I didnt know the reslution on it.

@nikolaglumac
Copy link
Contributor

@IuliaDolishniak yes I am talking about the same one. Is that the only issue we have?

@IuliaDolishniak
Copy link

@nikolaglumac from my side - yes.

@nikolaglumac
Copy link
Contributor

Ok. We will discuss what to do with that one tomorrow.

@DmitriiGaico are there any other issues you are aware of?

@DmitriiGaico
Copy link

DmitriiGaico commented Feb 3, 2020

Ok. We will discuss what to do with that one tomorrow.

@DmitriiGaico are there any other issues you are aware of?

In general the PR looks good. But no approval yet, please don't ask how i found this.

CLSD Pool Production.
CLSD Prod

Same Pool for the PR's Build. Looks like something is wrong.
CLSD PR

@nikolaglumac
Copy link
Contributor

@DeeJayElly please update this line of the code: https://github.com/input-output-hk/daedalus/blob/v2-integration/source/main/config.js#L75 and increase the MIN_WINDOW_CONTENT_HEIGHT to 700. That will fix the tooltip clipping issues.

Please also remember to update these min-heights in storybook: https://github.com/input-output-hk/daedalus/blob/v2-integration/storybook/stories/_support/config.js#L44-L48 🙏

@IuliaDolishniak this will resolve the last remaining issue you have reported ☝️

@nikolaglumac
Copy link
Contributor

@DeeJayElly please don't forget to check this one too: #1832 (comment)
Thanks!
cc @DmitriiGaico

…ions-is-not-fully-shown-if-it-is-long-enough' into fix/ddw-1186-stake-pool-descriptions-is-not-fully-shown-if-it-is-long-enough
@DeeJayElly
Copy link
Contributor Author

Ok. We will discuss what to do with that one tomorrow.
@DmitriiGaico are there any other issues you are aware of?

In general the PR looks good. But no approval yet, please don't ask how i found this.

CLSD Pool Production.
CLSD Prod

Same Pool for the PR's Build. Looks like something is wrong.
CLSD PR

@DmitriiGaico can you somehow show me how did you managed to reproduce this issue?

@DmitriiGaico
Copy link

@DeeJayElly Sure, i just installed latest Rewards Build. For that moment it was 10535 and opened CLSD Pool. So no Data Injection or any other Manipulations.

@nikolaglumac nikolaglumac removed the WIP label Feb 5, 2020
Copy link
Contributor

@nikolaglumac nikolaglumac left a comment

Choose a reason for hiding this comment

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

@DeeJayElly I have left you a couple of comments...

@@ -44,7 +44,7 @@ export const osNames: Array<any> = Object.keys(operatingSystems);
export const osMinWindowHeights = {
Windows: '541px',
Copy link
Contributor

Choose a reason for hiding this comment

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

@DeeJayElly you forgot to update the min-heights for Windows an Linux...

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Done

…ions-is-not-fully-shown-if-it-is-long-enough' into fix/ddw-1186-stake-pool-descriptions-is-not-fully-shown-if-it-is-long-enough
@nikolaglumac nikolaglumac removed the WIP label Feb 5, 2020
Copy link
Contributor

@nikolaglumac nikolaglumac left a comment

Choose a reason for hiding this comment

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

Great work @DeeJayElly 💅

@nikolaglumac nikolaglumac merged commit 4c5b40c into v2-integration Feb 5, 2020
@iohk-bors iohk-bors bot deleted the fix/ddw-1186-stake-pool-descriptions-is-not-fully-shown-if-it-is-long-enough branch February 5, 2020 13:57
@nikolaglumac nikolaglumac added release-2.1.0-ITN1 Daedalus Incentivized Testnet - Rewards and removed ⏳release-vNext-ITN1 Daedalus Incentivized Testnet - Rewards labels Feb 18, 2020
@nikolaglumac nikolaglumac mentioned this pull request Apr 23, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug release-2.1.0-ITN1 Daedalus Incentivized Testnet - Rewards
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants