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

Apply flex-basis to right header #10623

Merged
merged 1 commit into from
Aug 10, 2018
Merged

Apply flex-basis to right header #10623

merged 1 commit into from
Aug 10, 2018

Conversation

juliushaertl
Copy link
Member

Fixes #10452

Steps to reproduce:

  1. Enable the notifications app
  2. Resize your browser to 360px width
  3. Reload the window

This occurs only some times to me, but my guess is that the notifications icon is added after the menu calculation has been done. This PR just adds a flex-basis of 210px (which is the width of the .header-right container with all icons visible) so we have a hint on how big the container will be already before the notification icon was added.

Before:
image

After:
image

Signed-off-by: Julius Härtl <jus@bitgrid.net>
@juliushaertl juliushaertl added bug design Design, UI, UX, etc. 3. to review Waiting for reviews labels Aug 9, 2018
@juliushaertl juliushaertl added this to the Nextcloud 14 milestone Aug 9, 2018
@skjnldsv
Copy link
Member

skjnldsv commented Aug 9, 2018

What if more apps add their menu in it? :)

@juliushaertl
Copy link
Member Author

juliushaertl commented Aug 10, 2018

What if more apps add their menu in it? :)

That is rather critical anyway since we are running out of space on mobile devices there. If i remember, we've discussed in the past that apps should not add icons there, so we didn't provide a public API for that. I'd say we can discuss that more in depth at the conference. 😉

This PR at least fixes the issue for all installations that don't have apps adding additional icons there.

@skjnldsv
Copy link
Member

Yes, you're right, I remember! :)
We need to discuss it, yes!

Copy link
Member

@skjnldsv skjnldsv left a comment

Choose a reason for hiding this comment

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

🚢

@rullzer rullzer merged commit 674d5f2 into master Aug 10, 2018
@rullzer rullzer deleted the bugfix/10622/mobile-header branch August 10, 2018 12:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews bug design Design, UI, UX, etc.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants