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.

Sign up for GitHub

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

Jump to bottom

UI - wrapping lookup path #4644

Merged
merged 5 commits into from
May 29, 2018
Merged

UI - wrapping lookup path #4644

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
2eb1c9d
add creation path to the display on wrapping lookup
meirish May 27, 2018
3141ef6
fix z-index issue with console-panel and the subnav on smaller viewports
meirish May 27, 2018
a71b5b8
use position:fixed for all of the global flash stuff
meirish May 27, 2018
6af0270
tweaks for the console on mobile devices
meirish May 27, 2018
fc29e99
Merge branch 'master' into ui-wrapping-lookup-path
meirish May 29, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 6 additions & 3 deletions ui/app/styles/components/console-ui-panel.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,14 @@
background: linear-gradient(to right, #191A1C, #1B212D);
height: 0;
left: 0;
min-height: 400px;
overflow: auto;
position: fixed;
position: absolute;
min-height: 0;
right: 0;
transform: translate3d(0, -400px, 0);
transition: min-height $speed ease-out, transform $speed ease-in;
will-change: transform, min-height;
-webkit-overflow-scrolling: touch;
z-index: 199;
}

Expand Down Expand Up @@ -69,7 +70,7 @@
color: $white;
flex: 1;
font-family: $family-monospace;
font-size: $body-size;
font-size: 16px;
font-weight: $font-weight-bold;
margin-left: -$size-10;
outline: none;
Expand Down Expand Up @@ -119,11 +120,13 @@
.panel-open .console-ui-panel-scroller {
box-shadow: $box-shadow-highest;
transform: translate3d(0, 0, 0);
min-height: 400px;
}

.panel-open .console-ui-panel-scroller.fullscreen {
bottom: 0;
top: 0;
position: fixed;
min-height: 100%;
}

Expand Down
11 changes: 2 additions & 9 deletions ui/app/styles/components/global-flash.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,7 @@
.global-flash {
position: fixed;
@include until($desktop) {
position: -webkit-sticky;
position: sticky;
top: 0;
bottom: auto;
margin: 0 auto;
width: 95%;
}
width: 450px;
max-width: 450px;
width: 95%;
bottom: 0;
left: 0;
margin: 10px;
Expand Down
1 change: 1 addition & 0 deletions ui/app/styles/core/tabs.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
padding: $size-10 $size-10;

@include until($tablet) {
position:relative;
background-color: $grey;
flex: 0 0 100%;
height: 3rem;
Expand Down
2 changes: 1 addition & 1 deletion ui/app/templates/components/console/command-input.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{{i-con glyph="chevron-right" size=12}}
<input onkeyup={{action 'handleKeyUp'}} value={{value}} />
<input onkeyup={{action 'handleKeyUp'}} value={{value}} autocomplete="off" spellcheck="false" />
{{#tool-tip horizontalPosition="auto-right" verticalPosition=(if isFullscreen "above" "below") as |d|}}
{{#d.trigger tagName="button" type="button" class=(concat "button is-compact" (if isFullscreen " active")) click=(action "fullscreen") data-test-tool-tip-trigger=true}}
{{i-con glyph=(if isFullscreen "fullscreen-close" "fullscreen-open") aria-hidden="true" size=16}}
Expand Down
1 change: 1 addition & 0 deletions ui/app/templates/partials/tools/lookup.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@

{{#if (or creation_time creation_ttl)}}
<div class="box is-fullwidth is-sideless is-paddingless is-marginless">
{{info-table-row label="Creation path" value=creation_path data-test-tools="token-lookup-row"}}
{{info-table-row label="Creation time" value=creation_time data-test-tools="token-lookup-row"}}
{{info-table-row label="Creation TTL" value=creation_ttl data-test-tools="token-lookup-row"}}
{{#if expirationDate}}
Expand Down