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

Import reusable stylesheets into master stylesheet instead of components

pull/4089/head
Alex P 2018-08-02 10:51:09 -07:00
parent dd73eb352f
commit 1b6043da1e
17 changed files with 18 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/reusable_ui/components/Button/Button.scss
View File

@ -3,10 +3,6 @@
------------------------------------------------------------------------------
*/
@import 'src/style/modules/influx-colors';
@import 'src/style/modules/variables';
@import 'src/style/modules/mixins';
.button {
font-weight: 700;
font-family: $ix-text-font;

3
ui/src/reusable_ui/components/Button/index.tsx
View File

@ -11,9 +11,6 @@ import {
IconFont,
} from 'src/reusable_ui/types'
// Styles
import './Button.scss'
interface Props {
text: string
onClick?: () => void

4
ui/src/reusable_ui/components/dropdowns/Dropdown.scss
View File

@ -3,10 +3,6 @@
------------------------------------------------------------------------------
*/
@import 'src/style/modules/influx-colors';
@import 'src/style/modules/variables';
@import 'src/style/modules/mixins';
/* Dropdown Menu */
.dropdown--menu-container {
overflow: hidden;

3
ui/src/reusable_ui/components/dropdowns/Dropdown.tsx
View File

@ -18,9 +18,6 @@ import {
IconFont,
} from 'src/reusable_ui/types'
// Styles
import './Dropdown.scss'
import {ErrorHandling} from 'src/shared/decorators/errors'
interface Props {

4
ui/src/reusable_ui/components/dropdowns/DropdownButton.scss
View File

@ -3,10 +3,6 @@
------------------------------------------------------------------------------
*/
@import 'src/style/modules/influx-colors';
@import 'src/style/modules/variables';
/* Button */
.dropdown--button {
position: relative;

4
ui/src/reusable_ui/components/dropdowns/DropdownButton.tsx
View File

@ -11,10 +11,6 @@ import {
DropdownChild,
} from 'src/reusable_ui/types'
// Styles
import 'src/reusable_ui/components/button/Button.scss'
import './DropdownButton.scss'
import {ErrorHandling} from 'src/shared/decorators/errors'
interface Props {

4
ui/src/reusable_ui/components/form_layout/Form.scss
View File

@ -3,10 +3,6 @@
------------------------------------------------------------------------------
*/
@import 'src/style/modules/influx-colors';
@import 'src/style/modules/variables';
@import 'src/style/modules/mixins';
$grid--form-gutter: 6px;

3
ui/src/reusable_ui/components/form_layout/Form.tsx
View File

@ -8,9 +8,6 @@ import FormLabel from 'src/reusable_ui/components/form_layout/FormLabel'
import FormDivider from 'src/reusable_ui/components/form_layout/FormDivider'
import FormFooter from 'src/reusable_ui/components/form_layout/FormFooter'
// Styles
import './Form.scss'
import {ErrorHandling} from 'src/shared/decorators/errors'
interface Props {

4
ui/src/reusable_ui/components/inputs/Input.scss
View File

@ -3,10 +3,6 @@
------------------------------------------------------------------------------
*/
@import 'src/style/modules/influx-colors';
@import 'src/style/modules/variables';
@import 'src/style/modules/mixins';
$input-bg: $g2-kevlar;
$input-disabled-bg: $g3-castle;

3
ui/src/reusable_ui/components/inputs/Input.tsx
View File

@ -10,9 +10,6 @@ import classnames from 'classnames'
// Types
import {ComponentStatus, ComponentSize, IconFont} from 'src/reusable_ui/types'
// Styles
import './Input.scss'
export enum InputType {
Text = 'text',
Number = 'number',

4
ui/src/reusable_ui/components/overlays/overlays.scss → ui/src/reusable_ui/components/overlays/Overlay.scss
View File

@ -3,10 +3,6 @@
-----------------------------------------------------------------------------
*/
@import 'src/style/modules/influx-colors';
@import 'src/style/modules/variables';
@import 'src/style/modules/mixins';
$overlay-title-height: $chronograf-page-header-height;
$overlay-gutter: 30px;
$overlay-min-height: 150px;

3
ui/src/reusable_ui/components/overlays/OverlayTechnology.tsx
View File

@ -1,7 +1,8 @@
// Libraries
import React, {Component} from 'react'
import classnames from 'classnames'
import {ErrorHandling} from 'src/shared/decorators/errors'
import './overlays.scss'
interface Props {
children: JSX.Element

4
ui/src/reusable_ui/components/panel/Panel.scss
View File

@ -3,10 +3,6 @@
-----------------------------------------------------------------------------
*/
@import 'src/style/modules/influx-colors';
@import 'src/style/modules/variables';
@import 'src/style/modules/mixins';
$panel-gutter: 30px;
$panel-background: $g3-castle;

3
ui/src/reusable_ui/components/panel/Panel.tsx
View File

@ -8,9 +8,6 @@ import PanelHeader from 'src/reusable_ui/components/panel/PanelHeader'
import PanelBody from 'src/reusable_ui/components/panel/PanelBody'
import PanelFooter from 'src/reusable_ui/components/panel/PanelFooter'
// Styles
import 'src/reusable_ui/components/panel/Panel.scss'
import {ErrorHandling} from 'src/shared/decorators/errors'
export enum PanelType {

9
ui/src/reusable_ui/components/slide_toggle/slide-toggle.scss → ui/src/reusable_ui/components/slide_toggle/SlideToggle.scss
View File

@ -3,18 +3,13 @@
------------------------------------------------------------------------------
*/
@import 'src/style/modules/influx-colors';
@import 'src/style/modules/variables';
$slide-toggle-border: 2px;
.slide-toggle {
background-color: $g1-raven;
position: relative;
padding: 0 ($slide-toggle-border * 2);
padding: 0 ($ix-border * 2);
display: inline-block;
transition: background-color 0.25s ease, border-color 0.25s ease;
border: $slide-toggle-border solid $g5-pepper;
border: $ix-border solid $g5-pepper;
&:hover {
cursor: pointer;

6
ui/src/reusable_ui/components/slide_toggle/SlideToggle.tsx
View File

@ -1,10 +1,12 @@
// Libraries
import React, {Component} from 'react'
import classnames from 'classnames'
import {ErrorHandling} from 'src/shared/decorators/errors'
import './slide-toggle.scss'
// Types
import {ComponentColor, ComponentSize} from 'src/reusable_ui/types'
import {ErrorHandling} from 'src/shared/decorators/errors'
interface Props {
onChange: () => void
active: boolean

10
ui/src/style/chronograf.scss
View File

@ -76,6 +76,16 @@
@import 'components/histogram-chart';
@import 'components/import-dashboard-mappings';
// Reusable UI Components
@import '../reusable_ui/components/Button/Button';
@import '../reusable_ui/components/dropdowns/Dropdown';
@import '../reusable_ui/components/dropdowns/DropdownButton';
@import '../reusable_ui/components/form_layout/Form';
@import '../reusable_ui/components/inputs/Input';
@import '../reusable_ui/components/overlays/Overlay';
@import '../reusable_ui/components/panel/Panel';
@import '../reusable_ui/components/slide_toggle/SlideToggle';
// Pages
@import 'pages/config-endpoints';
@import 'pages/auth-page';