Styles don't play nice with disabled application-template-wrapper

[josemarluedke]

When using addon-docs on an app with application-template-wrapper set to false (which is default in octane), the app styles don't work well. See below:

ember-cli-addon-docs/addon/styles/addon.scss

Lines 51 to 58 in 7574272

	body > .ember-view {
	@apply .docs-flex-1;
	@apply .docs-flex;
	@apply .docs-flex-col;
	@apply .docs-mt-1;
	@apply .docs-bg-white;
	}

This is simple to fix, but it would be better to not break for these cases.
The fix is just wrapping the content of application.hbs with a div with classes ember-view:

<div class="ember-view">
  <DocsHeader />

  {{outlet}}
</div>

[RobbieTheWagner]

@josemarluedke if we wrap it, does it mess up styles if it is double wrapped?

[josemarluedke]

It does mess up a few things if double wrapped.

[RobbieTheWagner]

Perhaps we should just put a note that you should wrap it?

[NullVoxPopuli]

I just ran in to this. I had to:
set: application-template-wrapper to true.
remove "editions": "octane" from package.json :-\

[RobbieTheWagner]

@NullVoxPopuli any interest in taking a look at a fix? Can you not manually wrap in <div class="ember-view">?

[NullVoxPopuli]

omg yes. Yesterday me was an idiot. thanks!