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

Merge pull request #1715 from influxdata/fix/ie11-support 

Initial IE 11 rendering support
pull/1795/head^2
Hunter Trujillo 2017-08-14 14:22:29 -06:00 committed by GitHub
parent 39f40671a9 f1f65d0b41
commit 19cf8bd62d
16 changed files with 37 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -1,5 +1,6 @@
## v1.3.7.0 [unreleased]
### Bug Fixes
1. [#1715](https://github.com/influxdata/chronograf/pull/1715): Chronograf now renders on IE11.
1. [#1845](https://github.com/influxdata/chronograf/pull/1845): Fix no-scroll bar appearing in the Data Explorer table
1. [#1866](https://github.com/influxdata/chronograf/pull/1866): Fix missing cell type (and consequently single-stat)

2
ui/src/dashboards/components/DashboardHeaderEdit.js
View File

@ -38,7 +38,7 @@ class DashboardEditHeader extends Component {
<div className="page-header__container">
<form
className="page-header__left"
style={{flex: '1 0 0'}}
style={{flex: '1 0 0%'}}
onSubmit={this.handleFormSubmit}
>
<input

5
ui/src/index.js
View File

@ -1,3 +1,5 @@
import 'babel-polyfill'
import React from 'react'
import {render} from 'react-dom'
import {Provider} from 'react-redux'
@ -47,7 +49,8 @@ const errorsQueue = []
const rootNode = document.getElementById('react-root')
const basepath = rootNode.dataset.basepath || ''
// Older method used for pre-IE 11 compatibility
const basepath = rootNode.getAttribute('data-basepath') || ''
window.basepath = basepath
const browserHistory = useRouterHistory(createHistory)({
basename: basepath, // this is written in when available by the URL prefixer middleware

4
ui/src/kapacitor/components/RuleMessageOptions.js
View File

@ -44,7 +44,7 @@ class RuleMessageOptions extends Component {
<input
id="alert-input"
className="form-control input-sm form-malachite"
style={{flex: '1 0 0'}}
style={{flex: '1 0 0%'}}
type="text"
placeholder={args.placeholder}
onChange={e =>
@ -83,7 +83,7 @@ class RuleMessageOptions extends Component {
className="form-control input-sm form-malachite"
style={{
margin: '0 15px 0 5px',
flex: '1 0 0',
flex: '1 0 0%',
}}
type="text"
placeholder={placeholder}

5
ui/src/shared/middleware/resizeLayout.js
View File

@ -7,7 +7,10 @@ export default function resizeLayout() {
action.type === 'ENABLE_PRESENTATION_MODE' ||
action.type === 'DISABLE_PRESENTATION_MODE'
) {
window.dispatchEvent(new Event('resize'))
// Uses longer event object creation method due to IE compatibility.
const evt = document.createEvent('HTMLEvents')
evt.initEvent('resize', false, true)
window.dispatchEvent(evt)
}
}
}

4
ui/src/style/components/dygraphs.scss
View File

@ -161,10 +161,10 @@
line-height: 30px;
font-weight: 600;
color: $g13-mist;
flex: 1 0 0;
flex: 1 0 0%;
}
.dygraph-legend--filter {
flex: 1 0 0;
flex: 1 0 0%;
margin-top: 8px;
}
.dygraph-legend--divider {

10
ui/src/style/components/query-builder.scss
View File

@ -5,7 +5,7 @@
*/
.query-builder {
width: 100%;
flex: 1 0 0;
flex: 1 0 0%;
display: flex;
align-items: stretch;
flex-wrap: nowrap;
@ -13,10 +13,10 @@
.query-builder--column {
display: flex;
flex-direction: column;
flex: 2 0 0;
flex: 2 0 0%;
}
.query-builder--column-db {
flex: 1 0 0;
flex: 1 0 0%;
}
.query-builder--heading {
@include no-user-select();
@ -39,7 +39,7 @@
}
.query-builder--list,
.query-builder--list-empty {
flex: 1 0 0;
flex: 1 0 0%;
}
.query-builder--list {
padding: 0;
@ -99,7 +99,7 @@
}
/* Filter Element */
.query-builder--filter {
flex: 1 0 0;
flex: 1 0 0%;
display: flex;
& > span {

2
ui/src/style/components/query-editor.scss
View File

@ -64,7 +64,7 @@
}
}
.query-status-output {
flex: 1 0 0;
flex: 1 0 0%;
display: inline-block;
color: $query-editor--status-default;
white-space: nowrap;

4
ui/src/style/components/query-maker.scss
View File

@ -94,7 +94,7 @@ $query-editor-tab-active: $g3-castle;
height: $query-maker--tabs-height;
margin: 0 2px 0 0;
max-width: $query-maker--tab-width;
flex: 1 0 0;
flex: 1 0 0%;
display: flex;
align-items: center;
justify-content: space-between;
@ -170,7 +170,7 @@ $query-editor-tab-active: $g3-castle;
}
.query-maker--tab-contents,
.query-maker--empty {
flex: 1 0 0;
flex: 1 0 0%;
margin: 0 0 $query-maker--gutter 0;
background-color: $query-maker--tab-contents-bg;
}

4
ui/src/style/components/tables.scss
View File

@ -191,7 +191,7 @@ $table-tab-scrollbar-height: 6px;
flex-direction: column;
align-items: stretch;
> .panel-body {flex: 1 0 0;}
> .panel-body {flex: 1 0 0%;}
.generic-empty-state {height: 100%;}
}
}
@ -234,7 +234,7 @@ $table-tab-scrollbar-height: 6px;
color: $g17-whisper;
}
.alert-history-table--tbody {
flex: 1 0 0;
flex: 1 0 0%;
width: 100%;
}
.alert-history-table--tr {

4
ui/src/style/components/template-control-bar.scss
View File

@ -42,7 +42,7 @@ button.btn.template-control--manage {
}
.template-control--controls {
display: flex;
flex: 1 0 0;
flex: 1 0 0%;
flex-wrap: wrap;
}
.template-control--empty {
@ -64,7 +64,7 @@ button.btn.template-control--manage {
.dropdown {
order: 2;
margin: 0;
flex: 1 0 0;
flex: 1 0 0%;
}
.dropdown-toggle {
border-radius: 0 0 $radius-small $radius-small;

2
ui/src/style/components/template-variables-manager.scss
View File

@ -166,7 +166,7 @@ $tvmp-table-gutter: 8px;
> *:last-child {margin-right: 0;}
.dropdown {
flex: 1 0 0;
flex: 1 0 0%;
& > .dropdown-toggle {width: 100%;}
}

6
ui/src/style/pages/admin.scss
View File

@ -103,7 +103,7 @@ table.table-highlight > tbody > tr.admin-table--edit-row:hover {
.form-control {
margin: 0 4px 0 0;
flex: 1 0 0;
flex: 1 0 0%;
}
}
pre.admin-table--query {
@ -118,7 +118,7 @@ pre.admin-table--query {
align-items: center;
> .form-control {
flex: 1 0 0;
flex: 1 0 0%;
margin-right: 4px;
}
}
@ -157,7 +157,7 @@ pre.admin-table--query {
.form-control {
margin: 0 8px 0 0;
flex: 1 0 0;
flex: 1 0 0%;
}
}

8
ui/src/style/pages/config-endpoints.scss
View File

@ -18,7 +18,7 @@ $config-endpoint-tab-bg-active: $g3-castle;
align-items: stretch;
}
.config-endpoint--tabs {
flex: 0 0 0;
flex: 0 0 0%;
display: flex;
.btn-group.tab-group {
@ -27,7 +27,7 @@ $config-endpoint-tab-bg-active: $g3-castle;
border-radius: $radius 0 0 $radius;
margin: 0;
display: flex;
flex: 1 0 0;
flex: 1 0 0%;
flex-direction: column;
align-items: stretch;
@ -58,8 +58,8 @@ $config-endpoint-tab-bg-active: $g3-castle;
}
}
.config-endpoint--tab-contents {
flex: 1 0 0;
flex: 1 0 0%;
background-color: $config-endpoint-tab-bg-active;
border-radius: 0 $radius $radius 0;
padding: 16px 42px;
}
}

2
ui/src/style/pages/overlay-technology.scss
View File

@ -86,7 +86,7 @@ $overlay-z: 100;
margin: 0 15%;
}
.overlay-technology .query-maker {
flex: 1 0 0;
flex: 1 0 0%;
padding: 0 18px;
margin: 0;
background-color: $g2-kevlar;

4
ui/src/style/theme/bootstrap-theme.scss
View File

@ -3887,7 +3887,7 @@ p .label {
text-overflow: ellipsis;
white-space: nowrap;
flex: 1 0 0;
flex: 1 0 0%;
}
.dropdown-toggle.btn-xs .caret {
right: 7px;
@ -4041,7 +4041,7 @@ p .label {
outline: none;
transition: color .25s ease;
flex: 1 0 0;
flex: 1 0 0%;
}
.dropdown-menu li.dropdown-item > a,
.dropdown-menu li.dropdown-item > a:hover,