app-navigation-toggle is annoying

[dartcafe]

The toggle is placed right near the navigation and forces app developers find their own way to avoid visual issues.
Examples:
Polls:

Calendar:

Talk:

Deck:

Proposal:
Give the navigation more space, move the toggle inside the navigation and leave 44px of the closed navigation visible:
Open state

Closed state

In the result, It costs just 44px of the app container, but the app-container is again a fully usable square and the toggle is still usable.

CSS changes for mockup:

.app-navigation {
	width: 344px !important;
	padding-right: 44px !important;
}

.app-navigation-toggle {
	margin-right: initial !important;
}

.app-navigation--close {
	margin-left: -300px  !important;
	transform: translateX(-300px)  !important;

	.app-navigation-entry {
		width: initial !important;
		margin-right: 44px;
	}
}

Comments? Opinions?

[jotoeri]

@jancborchardt That's something that needs your opinion. ;)

I also thought about this annoying toggle sometimes...

[skjnldsv]

We have had this discussion already.
See the full disclosure here https://github.com/nextcloud/server/issues/16934