Tile View - Prevent Version text overlap

[iessa-pragg-ctct]

Packages with particularly long version indicators clash in the tile view when they have updates available.

Environment

Win 10 Pro
ChocolateyGUI 0.16.0

[gep13]

@punker76 If you have some time, what are your thoughts on this?

[gep13]

@CTCTIPragg I can confirm that this remains an issue in the latest pre-release version of Chocolatey GUI.

@punker76 do you have any suggestions on how best to approach this?

[punker76]

So after some UI brain storming with @gep13 here are some options to improve these update situation for the tile view:

• Prefered option for me and Gary
  Left aligned version informations above the title.

• Left aligned version informations under the title.
  
• Right aligned version informations above the (centered) title.

• Right aligned version informations under the (centered) title.

@pascalberger @ferventcoder @mwallner What do you think about that?

[pascalberger]

From the four options I agree with both of you for the left aligned version information above the title option.

Another idea: Title on top (above icon), version at the bottom

[mwallner]

all versions look good imo, although @pascalberger could have a point with placing the title above the icon ...

[gep13]

@pascalberger said...
Another idea: Title on top (above icon), version at the bottom

Oooo, I think I like that...

@punker76 could you create another screenshot with that option? Sorry to be a pain!

[punker76]

@gep13 @pascalberger @mwallner

[punker76]

@gep13 @pascalberger @mwallner

Also possible with a little bit opacity for the 'Out Of Date' ('Installed') overlay

[AdmiringWorm]

@punker76 the title seems a little out of place when it is above the icon (IMO). Would it be better to have that centred?

When it comes to short package titles

[punker76]

@gep13 @pascalberger @mwallner @AdmiringWorm

So, like this...

[AdmiringWorm]

Personally, I think that looks good (not considering the "Out of date" overlay of course)

[pascalberger]

Centered title looks generally better IMHO, except when there is an overlay. Would it be possible to move the overlay to the bottom right corner, as this is the place where there is most whitespace?

[AdmiringWorm]

Or have the overlay go underneath the text?
Not sure if that would be any better 🤔

pascalberger's suggestion would probably be better

[gep13]

@pascalberger said...
Would it be possible to move the overlay to the bottom right corner, as this is the place where there is most whitespace?

That would start to have the same problem when there is a large version number, for example on GitVersion.

[pascalberger]

That would start to have the same problem when there is a large version number, for example on GitVersion.

Sure, but only with large version numbers. Which I assume is less often the case than large titles

[punker76]

[gep13]

@pascalberger said...
Which I assume is less often the case than large titles

Yes, that is a valid point!

[gep13]

@punker76 I think I like the final option:

• Package Name on Top
• Version numbers in lower left cornet
• Out of Date/Installed overlays on the bottom right hand corner

Would you be able to update the PR to reflect this?

[punker76]

@punker76 I think I like the final option:

• Package Name on Top
• Version numbers in lower left cornet
• Out of Date/Installed overlays on the bottom right hand corner

Would you be able to update the PR to reflect this?

Yes, I'll do a PR as soon as I can.

[choco-bot]

🎉 This issue has been resolved in version 0.17.0 🎉

The release is available on:

• GitHub Release
• Chocolatey Package

Your GitReleaseManager bot 📦🚀