Kibana Dashboard top menu position changes when embedding in iFrame

[Bamieh]

Describe the feature:

When embedding a dashboard in an iFrame, with top menu option selected:

The dashboard has the menu aligned to the right ("Full Screen", "Share", "Clone" and "Edit" options):

But once in an iFrame, the "Full Screen", "Share", "Clone" and "Edit" options get aligned to the left.

The steps to reproduce are to visualize a dashboard, copy the iFrame code, e.g. into index.html locally and load in the browser.

<div class="header">
<p>Simple iFrame viewer</p>
</div>
<iframe src="http://localhost:5601/goto/f7a6c35f5183250e6169580e5c90bae7" height="1200" width="1600"></iframe>

Enhancement details:

The euiHeaderLinks in the iframe view is not the same EuiHeader component in the normal view. This top menu is not the same component as the normal top menu so its not a CSS issue rather than a whole different HTML.

We can update the top menu to match the eui header we normally show inside a non-embedded kibana dashboard.

[elasticmachine]

Pinging @elastic/kibana-core (Team:Core)

[ThomThomson]

Closing this for the time being. It will be tracked in our Icebox for Iframe / Embedding issues and will be re-opened if our priorities change.