Bugfix/593 nav bar spacing incorrect

[BartvanEijkelenburg]

Description

A few sentences describing the overall goals of the pull request's commits.

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have added tests that prove my fix is effective or that my feature works
• I updated the changelog with an end-user readable description
• I assigned this pull request to the correct project board to update the sprint board

Steps to Test or Reproduce

1. Log in into Dex.
2. check if your username responds correctly to resizing the window.

Closes: #593

[elislaats]

I'll have time to look at this tomorrow!

[elislaats]

The issue doesn't seem to be fixed.

When I add a long username it (still) looks like this:

If I understand it well, looking at the inspection tools, I think the 200px in the grid-template-columns on the .header .content could be causing this issue. The code you added seems to get overwritten by that.

Please let me know if I'm misunderstanding, but I think this still needs some more work 😄

[elislaats]

Looks bettter! There is a small thing, where there's some odd whitespace at the end of the profile-block now.

I think there's some margin that's not needed anymore here:

Also a small comment specific to your last change

[elislaats]

Perfect, thanks for fixing my remarks. Good work!

[HansenSven]

Works good with the truncate as well, 👍 perhaps the search project bar on the homepage can get a minimum width but that's not something for now.