-
Choose a query to visualize
+ Choose a query to visualize
{queries.map((queryGroup) => {
@@ -68,7 +68,7 @@ let ExplorerQueryPicker = ({ queries, onCompose, onSelect, onDelete }) => {
})}
-
+
- {(hideAnimation || !loading) ? null : }
+ {(hideAnimation || !loading) ? null : }
);
diff --git a/src/components/LoginForm/LoginForm.react.js b/src/components/LoginForm/LoginForm.react.js
index df824a4b11..6a55819f3c 100644
--- a/src/components/LoginForm/LoginForm.react.js
+++ b/src/components/LoginForm/LoginForm.react.js
@@ -5,11 +5,11 @@
* This source code is licensed under the license found in the LICENSE file in
* the root directory of this source tree.
*/
-import CSRFInput from 'components/CSRFInput/CSRFInput.react';
-import Icon from 'components/Icon/Icon.react';
-import React from 'react';
-import styles from 'components/LoginForm/LoginForm.scss';
-import { verticalCenter } from 'stylesheets/base.scss';
+import CSRFInput from 'components/CSRFInput/CSRFInput.react';
+import Icon from 'components/Icon/Icon.react';
+import React from 'react';
+import styles from 'components/LoginForm/LoginForm.scss';
+import baseStyles from 'stylesheets/base.scss';
// Class-style component, because we need refs
export default class LoginForm extends React.Component {
@@ -26,7 +26,7 @@ export default class LoginForm extends React.Component {
{this.props.header}
{this.props.children}
-
diff --git a/src/components/PermissionsDialog/PermissionsDialog.react.js b/src/components/PermissionsDialog/PermissionsDialog.react.js
index cd06a20bdb..6c527ce670 100644
--- a/src/components/PermissionsDialog/PermissionsDialog.react.js
+++ b/src/components/PermissionsDialog/PermissionsDialog.react.js
@@ -5,9 +5,7 @@
* This source code is licensed under the license found in the LICENSE file in
* the root directory of this source tree.
*/
-import {
- unselectable,
- verticalCenter } from 'stylesheets/base.scss';
+import baseStyles from 'stylesheets/base.scss';
import Button from 'components/Button/Button.react';
import Checkbox from 'components/Checkbox/Checkbox.react';
import Icon from 'components/Icon/Icon.react';
@@ -1155,7 +1153,7 @@ export default class PermissionsDialog extends React.Component {
}
render() {
- let classes = [styles.dialog, unselectable];
+ let classes = [styles.dialog, baseStyles.unselectable];
// for 3-column CLP dialog
if (this.props.advanced) {
@@ -1300,7 +1298,7 @@ export default class PermissionsDialog extends React.Component {
onClick={() => this.props.onConfirm(this.outputPerms())}
/>
-
diff --git a/src/components/ProtectedFieldsDialog/ProtectedFieldsDialog.react.js b/src/components/ProtectedFieldsDialog/ProtectedFieldsDialog.react.js
index 652aaf453f..50621db651 100644
--- a/src/components/ProtectedFieldsDialog/ProtectedFieldsDialog.react.js
+++ b/src/components/ProtectedFieldsDialog/ProtectedFieldsDialog.react.js
@@ -19,9 +19,7 @@ import styles from 'components/ProtectedFieldsDialog/ProtectedFields
import MultiSelect from 'components/MultiSelect/MultiSelect.react';
import MultiSelectOption from 'components/MultiSelect/MultiSelectOption.react';
import TrackVisibility from 'components/TrackVisibility/TrackVisibility.react';
-import {
- unselectable,
- verticalCenter } from 'stylesheets/base.scss';
+import baseStyles from 'stylesheets/base.scss';
let origin = new Position(0, 0);
const intersectionMargin = '10px 0px 0px 20px';
@@ -446,7 +444,7 @@ export default class ProtectedFieldsDialog extends React.Component {
}
render() {
- let classes = [styles.dialog, unselectable];
+ let classes = [styles.dialog, baseStyles.unselectable];
let placeholderText = 'Role/User id/name * or authenticated\u2026';
@@ -510,7 +508,7 @@ export default class ProtectedFieldsDialog extends React.Component {
onClick={() => this.props.onConfirm(this.outputPerms())}
/>
-
diff --git a/src/components/Range/Range.react.js b/src/components/Range/Range.react.js
index c1e6b3833f..65b8a9ae26 100644
--- a/src/components/Range/Range.react.js
+++ b/src/components/Range/Range.react.js
@@ -5,10 +5,10 @@
* This source code is licensed under the license found in the LICENSE file in
* the root directory of this source tree.
*/
-import { input } from 'components/Field/Field.scss';
-import PropTypes from 'lib/PropTypes';
-import React from 'react';
-import styles from 'components/Range/Range.scss';
+import fieldStyles from 'components/Field/Field.scss';
+import PropTypes from 'lib/PropTypes';
+import React from 'react';
+import styles from 'components/Range/Range.scss';
const DEFAULT_COLOR = '#fd9539';
@@ -66,7 +66,7 @@ export default class Range extends React.Component {
+ className={[styles.range, fieldStyles.input].join(' ')}>
{tracker}