[Frame TopBar] Add height to TopBar

[dleroux]

WHY are these changes introduced?

There's an issue in web where the content of the TopBar has not loaded when the StickyManager gets instantiated. The height of the bar is 0, therefore, the elements that should 'stick' below the top bar don't.

WHAT is this pull request doing?

The height of the bar is set on the TopBar, but not on the wrapper in the Frame where the querySelector happens. This change adds the same height on the wrapper.

How to 🎩

🖥 Local development instructions
🗒 General tophatting guidelines
📄 Changelog guidelines

Copy-paste this code in playground/Playground.tsx:

import React from 'react';
import {Page} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      {/* Add the code you want to test in here */}
    </Page>
  );
}

🎩 checklist

• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility
• Updated the component's README.md with documentation changes
• Tophatted documentation changes in the style guide
• For visual design changes, pinged one of @ HYPD, @ mirualves, @ sarahill, or @ ry5n to update the Polaris UI kit

[github-actions]

💦 Potential splash zone of changes introduced to src/**/*.tsx in this pull request:

Files modified	2
Files potentially affected	2

Details

All files potentially affected (total: 2)

• /src/components/Frame/Frame.tsx
• /src/components/Toast/Toast.tsx

📄 UNRELEASED.md (total: 0)

Files potentially affected (total: 0)

🎨 src/components/Frame/Frame.scss (total: 2)

Files potentially affected (total: 2)

• /src/components/Frame/Frame.tsx
• /src/components/Toast/Toast.tsx

---

This comment automatically updates as changes are made to this pull request.
Feedback, troubleshooting: open an issue or reach out on Slack in #polaris-tooling.

[dfmcphee]

The change makes sense to me. I 🎩ed in web and it fixed the problem I was seeing. 👍

[AndrewMusgrave]

Works like a charm ✅