-
Notifications
You must be signed in to change notification settings - Fork 4.2k
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
UI - web cli layout #5909
Conversation
@@ -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"> |
There was a problem hiding this comment.
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) { |
There was a problem hiding this comment.
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.
There was a problem hiding this comment.
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).
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 thenav
in the nav-header component, instead opting to make it a sibling of thenav
element.I also made a couple of changes that makes the ui look nicer on iOS devices with notches.
Fixes #5901