Influxdata
/
chronograf
mirror of https://github.com/influxdata/chronograf.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Improve display of Flux Wizard on small screens

update-licenses
Christopher Henn 2018-11-28 15:43:44 -08:00 committed by Chris Henn
parent 9e171f6df1
commit 1728f2c5e2
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
CHANGELOG.md
View File

@ -9,7 +9,7 @@
1. [4854](https://github.com/influxdata/chronograf/pull/4854): Update functions list for Flux 0.7.1 1. [4854](https://github.com/influxdata/chronograf/pull/4854): Update functions list for Flux 0.7.1
1. [4846](https://github.com/influxdata/chronograf/pull/4846): Fix missing data and type in refreshing graph 1. [4846](https://github.com/influxdata/chronograf/pull/4846): Fix missing data and type in refreshing graph
1. [4861](https://github.com/influxdata/chronograf/pull/4861): Fix logs stuck in loading state 1. [4861](https://github.com/influxdata/chronograf/pull/4861): Fix logs stuck in loading state
1. [4847](https://github.com/influxdata/chronograf/pull/4847): Improve display of Flux Wizard on small screens
### UI Improvements ### UI Improvements
1. [#4809](https://github.com/influxdata/chronograf/pull/4809): Add loading spinners while fetching protoboards 1. [#4809](https://github.com/influxdata/chronograf/pull/4809): Add loading spinners while fetching protoboards

9
ui/src/shared/components/TimeMachine/FluxScriptWizard.scss
View File

@ -27,6 +27,9 @@
background-color: $g3-castle; background-color: $g3-castle;
padding: 10px 15px; padding: 10px 15px;
z-index: 200; z-index: 200;
max-height: 90%;
display: flex;
flex-direction: column;
.form--element { .form--element {
margin-bottom: 15px; margin-bottom: 15px;
@ -44,6 +47,10 @@
margin-bottom: 20px; margin-bottom: 20px;
} }
.flux-script-wizard--wizard-body {
overflow: scroll;
}
.flux-script-wizard--close { .flux-script-wizard--close {
cursor: pointer; cursor: pointer;
font-size: 34px; font-size: 34px;
@ -51,7 +58,7 @@
line-height: 18px; line-height: 18px;
position: absolute; position: absolute;
right: 30px; right: 30px;
top: 0; top: 8px;
} }
.flux-script-wizard--bg-hint { .flux-script-wizard--bg-hint {