Update nav column alignment so that the loog/bubble part takes up 3 columns on desktop

[lyubomir-popov]

Like so

[bartaz]

Currently nav is not using grid directly, and this change will require it to do so. I don't know what impact it may have.

It would be trivial to just adjust the static value to match the grid, but obviously this won't work on smaller screens when grid is responsive.

I'd rather address it later as part of component UI refresh of navigation, not as part of initial 4.0.

[lyubomir-popov]

I would be fine if we simply adjust the current hardcoded logo area width to match the grid

[bartaz]

@lyubomir-popov Aligning logo width to grid is not trivial (without reimplementing the grid), because grid col widths are not static, they are flexible below max width. So unless we implement the grid there they will misalign on some screen widths.

If we want to implement this alignment, and make it default, I guess we should just properly start using grid in top nav? This may also help (or at least affect) the alignment of navigation items with the content of the page that we have issues for.

So is this 25/75 split in top navigation something we want to have as a default everywhere eventually?

[bartaz]

Already fixed.

[syncronize-issues-to-jira[bot]]

Thank you for reporting us your feedback!

The internal ticket has been created: https://warthogs.atlassian.net/browse/WD-15232.

This message was autogenerated