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

Sidebar fixes, mostly fixing design of tabs #12180

Merged
merged 3 commits into from
Nov 1, 2018
Merged

Conversation

jancborchardt
Copy link
Member

@jancborchardt jancborchardt commented Nov 1, 2018

The tabs in the Files sidebar were utterly broken, which is very obvious on any screen which is not 4k resolution, or as soon as the 4th tab shows. This is especially visible now because we added nice icons to all the tabs.

tabs broken

🤢

So here you go with nicer tab layout:

  • Flexbox, using the available width
  • Icon above text for better look and more space for tabs
  • Adjusted whitespace around

sidebar tabs

Even if we add Chat it works – cc @danxuliu

even if we add chat it works


And even if we really loose our minds 🤯
overflow of list


Please review @nextcloud/designers, also cc @nickvergessen & @georgehrke for evaluation with Talk and Calendar apps.

Now this is only a stop-gap solution of course. We still need to work towards limiting the amount of tabs in there as per Sidebar standardization #10289 and Sidebar: combine file Activity, Comments and Versions into unified »Activity« timeline tab #658

Signed-off-by: Jan-Christoph Borchardt <[email protected]>
Signed-off-by: Jan-Christoph Borchardt <[email protected]>
@skjnldsv
Copy link
Member

skjnldsv commented Nov 1, 2018

Can I suggest to prevent the shrinking of the selected tab? :)

Copy link
Member

@blizzz blizzz left a comment

Choose a reason for hiding this comment

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

works well for me

@blizzz
Copy link
Member

blizzz commented Nov 1, 2018

CI is not happy though

@danxuliu
Copy link
Member

danxuliu commented Nov 1, 2018

Even if we add Chat it works

❤️

@jancborchardt For consistency, could you change this (mainly icons above text) in Talk too? Thanks! :-) (and there is no hurry, it can wait a few days ;-) )

CI is not happy though

One timeout, one unrelated failure due to a known race condition, and a failure that looks like a hiccup... but I will restart the build to be sure ;-)

Copy link
Member

@MorrisJobke MorrisJobke left a comment

Choose a reason for hiding this comment

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

Even looks good in (longer) German translation:
bildschirmfoto 2018-11-01 um 12 40 24

@MorrisJobke MorrisJobke merged commit bfab6cc into master Nov 1, 2018
@MorrisJobke MorrisJobke deleted the sidebar-fixes branch November 1, 2018 11:42
@jancborchardt
Copy link
Member Author

Can I suggest to prevent the shrinking of the selected tab? :)

This will look wonky and not stable. The tab widths change then and you can’t use muscle memory. :)

@skjnldsv
Copy link
Member

skjnldsv commented Nov 1, 2018

Can I suggest to prevent the shrinking of the selected tab? :)

I guess not 🤣

EDIT: AH! you answered at the same time :p

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.

5 participants