Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI - web cli layout #5909

Merged
merged 3 commits into from
Dec 7, 2018
Merged

UI - web cli layout #5909

merged 3 commits into from
Dec 7, 2018

Conversation

meirish
Copy link
Contributor

@meirish meirish commented Dec 5, 2018

With the nav re-styling I think we forgot to test fullscreen - triggering that mode resulted in both the nav and the web-cli being placed above the viewport which isn't the most user-friendly place :).

While trouble shooting this, I also noticed that the web cli didn't show up at all on iOS devices. Tracking that down was a bit more of an adventure because any attempt to inspect it with safari dev tools lead to the application crashing.

In the end, I moved the console/ui-panel component out of the nav in the nav-header component, instead opting to make it a sibling of the nav element.

I also made a couple of changes that makes the ui look nicer on iOS devices with notches.

Fixes #5901

@meirish meirish requested review from a team December 5, 2018 18:20
@meirish meirish added this to the 1.0.1 milestone Dec 6, 2018
@andaley
Copy link
Contributor

andaley commented Dec 6, 2018

screen shot 2018-12-06 at 3 47 13 pm

I'm still not seeing the nav in safari or chrome unless I rezise the browser to a mobile width. Is that expected? I can easily close fullscreen and see the nav, though.

@@ -7,7 +7,7 @@
<meta http-equiv="expires" content="0" />
<meta http-equiv="pragma" content="no-cache" />
<title>Vault</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ooh, iphone x stuff? fancy 💅

assert.equal(enginesPage.rows.length, numEngines + 3, 'new engines were added to the page');
});

test('fullscreen command expands the cli panel', async function(assert) {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think these assertions are pretty solid. The only scenario which I can think of (although the assertions below may cover it) would be to test that the nav itself is still visible when the console is fullscreen.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yep, so in fullscreen, the nav isn't supposed to be on the page (we animate it up while we animate the console panel down).

@meirish meirish merged commit 6414fc3 into master Dec 7, 2018
@meirish meirish deleted the ui-cli-layout branch December 7, 2018 20:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants