mirror of
https://github.com/apache/superset.git
synced 2024-09-12 08:39:45 -04:00
Migrate CSS to LESS files, remove unused files (#8617)
* all CSS files migrated to LESS * prettier * removing unused CSS/LESS Files
This commit is contained in:
parent
fc14eff290
commit
ceec53da17
@ -23,7 +23,7 @@ import { t } from '@superset-ui/translation';
|
|||||||
import Button from '../components/Button';
|
import Button from '../components/Button';
|
||||||
import Fieldset from './Fieldset';
|
import Fieldset from './Fieldset';
|
||||||
import { recurseReactClone } from './utils';
|
import { recurseReactClone } from './utils';
|
||||||
import './styles.css';
|
import './crud.less';
|
||||||
|
|
||||||
const propTypes = {
|
const propTypes = {
|
||||||
collection: PropTypes.arrayOf(PropTypes.object).isRequired,
|
collection: PropTypes.arrayOf(PropTypes.object).isRequired,
|
||||||
|
@ -22,7 +22,7 @@ import {
|
|||||||
FormGroup, ControlLabel, HelpBlock, FormControl, OverlayTrigger, Tooltip,
|
FormGroup, ControlLabel, HelpBlock, FormControl, OverlayTrigger, Tooltip,
|
||||||
} from 'react-bootstrap';
|
} from 'react-bootstrap';
|
||||||
|
|
||||||
import './styles.less';
|
import './crud.less';
|
||||||
|
|
||||||
const propTypes = {
|
const propTypes = {
|
||||||
value: PropTypes.any.isRequired,
|
value: PropTypes.any.isRequired,
|
||||||
|
@ -16,17 +16,32 @@
|
|||||||
* specific language governing permissions and limitations
|
* specific language governing permissions and limitations
|
||||||
* under the License.
|
* under the License.
|
||||||
*/
|
*/
|
||||||
.CRUD i.fa-caret-down,
|
.CRUD {
|
||||||
i.fa-caret-up {
|
.text-right {
|
||||||
width: "5px";
|
text-align: right;
|
||||||
}
|
}
|
||||||
.CRUD td.expanded {
|
.empty-collection {
|
||||||
border-top: "0px";
|
padding: 10px;
|
||||||
padding: "0px";
|
}
|
||||||
}
|
.control-label {
|
||||||
.CRUD .frame {
|
font-weight: bold;
|
||||||
border: "1px solid #AAA";
|
font-size: 16px;
|
||||||
border-radius: 5;
|
}
|
||||||
padding: 10;
|
.tiny-cell {
|
||||||
background: "#F4F4F4";
|
width: 5px;
|
||||||
|
}
|
||||||
|
i.fa-caret-down,
|
||||||
|
i.fa-caret-up {
|
||||||
|
width: "5px";
|
||||||
|
}
|
||||||
|
td.expanded {
|
||||||
|
border-top: "0px";
|
||||||
|
padding: "0px";
|
||||||
|
}
|
||||||
|
.frame {
|
||||||
|
border: "1px solid #AAA";
|
||||||
|
border-radius: 5;
|
||||||
|
padding: 10;
|
||||||
|
background: "#F4F4F4";
|
||||||
|
}
|
||||||
}
|
}
|
@ -1,32 +0,0 @@
|
|||||||
/**
|
|
||||||
* Licensed to the Apache Software Foundation (ASF) under one
|
|
||||||
* or more contributor license agreements. See the NOTICE file
|
|
||||||
* distributed with this work for additional information
|
|
||||||
* regarding copyright ownership. The ASF licenses this file
|
|
||||||
* to you under the Apache License, Version 2.0 (the
|
|
||||||
* "License"); you may not use this file except in compliance
|
|
||||||
* with the License. You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing,
|
|
||||||
* software distributed under the License is distributed on an
|
|
||||||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
||||||
* KIND, either express or implied. See the License for the
|
|
||||||
* specific language governing permissions and limitations
|
|
||||||
* under the License.
|
|
||||||
*/
|
|
||||||
.CRUD .text-right {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
.CRUD .empty-collection {
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
.CRUD .control-label {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.CRUD .tiny-cell {
|
|
||||||
width: 5px;
|
|
||||||
}
|
|
@ -27,7 +27,7 @@ import RefreshChartOverlay from '../components/RefreshChartOverlay';
|
|||||||
import StackTraceMessage from '../components/StackTraceMessage';
|
import StackTraceMessage from '../components/StackTraceMessage';
|
||||||
import ErrorBoundary from '../components/ErrorBoundary';
|
import ErrorBoundary from '../components/ErrorBoundary';
|
||||||
import ChartRenderer from './ChartRenderer';
|
import ChartRenderer from './ChartRenderer';
|
||||||
import './chart.css';
|
import './chart.less';
|
||||||
|
|
||||||
const propTypes = {
|
const propTypes = {
|
||||||
annotationData: PropTypes.object,
|
annotationData: PropTypes.object,
|
||||||
|
@ -28,12 +28,7 @@
|
|||||||
fill: @lightest;
|
fill: @lightest;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.filter-badge:hover {
|
.filter-badge .color-bar.badge-group,
|
||||||
cursor: pointer;
|
|
||||||
background-color: @gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
.color-bar.badge-group,
|
|
||||||
.filter-badge.badge-group {
|
.filter-badge.badge-group {
|
||||||
background-color: @gray-dark;
|
background-color: @gray-dark;
|
||||||
}
|
}
|
||||||
|
@ -19,7 +19,7 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
|
|
||||||
import './Loading.css';
|
import './Loading.less';
|
||||||
|
|
||||||
const propTypes = {
|
const propTypes = {
|
||||||
size: PropTypes.number,
|
size: PropTypes.number,
|
||||||
|
@ -25,7 +25,7 @@ import { SupersetClient } from '@superset-ui/connection';
|
|||||||
|
|
||||||
import AsyncSelect from './AsyncSelect';
|
import AsyncSelect from './AsyncSelect';
|
||||||
import RefreshLabel from './RefreshLabel';
|
import RefreshLabel from './RefreshLabel';
|
||||||
import './TableSelector.css';
|
import './TableSelector.less';
|
||||||
|
|
||||||
const propTypes = {
|
const propTypes = {
|
||||||
dbId: PropTypes.number.isRequired,
|
dbId: PropTypes.number.isRequired,
|
||||||
|
@ -16,6 +16,8 @@
|
|||||||
* specific language governing permissions and limitations
|
* specific language governing permissions and limitations
|
||||||
* under the License.
|
* under the License.
|
||||||
*/
|
*/
|
||||||
|
@import "../../stylesheets/less/variables.less";
|
||||||
|
|
||||||
.TableSelector .fa-refresh {
|
.TableSelector .fa-refresh {
|
||||||
padding-left: 9px;
|
padding-left: 9px;
|
||||||
}
|
}
|
||||||
@ -33,7 +35,7 @@
|
|||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
.TableSelector .divider {
|
.TableSelector .divider {
|
||||||
border-bottom: 1px solid #f2f2f2;
|
border-bottom: 1px solid @gray-bg;
|
||||||
margin: 15px 0;
|
margin: 15px 0;
|
||||||
}
|
}
|
||||||
.TableLabel {
|
.TableLabel {
|
@ -19,7 +19,7 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
|
|
||||||
import './Control.css';
|
import './Control.less';
|
||||||
import controlMap from './controls';
|
import controlMap from './controls';
|
||||||
|
|
||||||
const controlTypes = Object.keys(controlMap);
|
const controlTypes = Object.keys(controlMap);
|
||||||
|
@ -27,7 +27,7 @@ import {
|
|||||||
import InfoTooltipWithTrigger from '../../../components/InfoTooltipWithTrigger';
|
import InfoTooltipWithTrigger from '../../../components/InfoTooltipWithTrigger';
|
||||||
import ControlHeader from '../ControlHeader';
|
import ControlHeader from '../ControlHeader';
|
||||||
import controlMap from './';
|
import controlMap from './';
|
||||||
import './CollectionControl.css';
|
import './CollectionControl.less';
|
||||||
|
|
||||||
const propTypes = {
|
const propTypes = {
|
||||||
name: PropTypes.string.isRequired,
|
name: PropTypes.string.isRequired,
|
||||||
|
@ -39,7 +39,7 @@ import 'react-datetime/css/react-datetime.css';
|
|||||||
import moment from 'moment';
|
import moment from 'moment';
|
||||||
import { t } from '@superset-ui/translation';
|
import { t } from '@superset-ui/translation';
|
||||||
|
|
||||||
import './DateFilterControl.css';
|
import './DateFilterControl.less';
|
||||||
import ControlHeader from '../ControlHeader';
|
import ControlHeader from '../ControlHeader';
|
||||||
import PopoverSection from '../../../components/PopoverSection';
|
import PopoverSection from '../../../components/PopoverSection';
|
||||||
|
|
||||||
|
@ -26,7 +26,7 @@ import { t } from '@superset-ui/translation';
|
|||||||
import { getChartMetadataRegistry } from '@superset-ui/chart';
|
import { getChartMetadataRegistry } from '@superset-ui/chart';
|
||||||
|
|
||||||
import ControlHeader from '../ControlHeader';
|
import ControlHeader from '../ControlHeader';
|
||||||
import './VizTypeControl.css';
|
import './VizTypeControl.less';
|
||||||
|
|
||||||
const propTypes = {
|
const propTypes = {
|
||||||
description: PropTypes.string,
|
description: PropTypes.string,
|
||||||
|
@ -20,7 +20,7 @@ import React from 'react';
|
|||||||
import ReactDom from 'react-dom';
|
import ReactDom from 'react-dom';
|
||||||
import Form from 'react-jsonschema-form';
|
import Form from 'react-jsonschema-form';
|
||||||
import { interpolate } from 'src/showSavedQuery/utils';
|
import { interpolate } from 'src/showSavedQuery/utils';
|
||||||
import './index.css';
|
import './index.less';
|
||||||
|
|
||||||
const scheduleInfoContainer = document.getElementById('schedule-info');
|
const scheduleInfoContainer = document.getElementById('schedule-info');
|
||||||
const bootstrapData = JSON.parse(scheduleInfoContainer.getAttribute('data-bootstrap'));
|
const bootstrapData = JSON.parse(scheduleInfoContainer.getAttribute('data-bootstrap'));
|
||||||
|
@ -29,7 +29,7 @@ import MetricOption from '../../components/MetricOption';
|
|||||||
import InfoTooltipWithTrigger from '../../components/InfoTooltipWithTrigger';
|
import InfoTooltipWithTrigger from '../../components/InfoTooltipWithTrigger';
|
||||||
import FormattedNumber from './FormattedNumber';
|
import FormattedNumber from './FormattedNumber';
|
||||||
import SparklineCell from './SparklineCell';
|
import SparklineCell from './SparklineCell';
|
||||||
import './TimeTable.css';
|
import './TimeTable.less';
|
||||||
|
|
||||||
const ACCESSIBLE_COLOR_BOUNDS = ['#ca0020', '#0571b0'];
|
const ACCESSIBLE_COLOR_BOUNDS = ['#ca0020', '#0571b0'];
|
||||||
|
|
||||||
|
@ -1,43 +0,0 @@
|
|||||||
/**
|
|
||||||
* Licensed to the Apache Software Foundation (ASF) under one
|
|
||||||
* or more contributor license agreements. See the NOTICE file
|
|
||||||
* distributed with this work for additional information
|
|
||||||
* regarding copyright ownership. The ASF licenses this file
|
|
||||||
* to you under the Apache License, Version 2.0 (the
|
|
||||||
* "License"); you may not use this file except in compliance
|
|
||||||
* with the License. You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing,
|
|
||||||
* software distributed under the License is distributed on an
|
|
||||||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
||||||
* KIND, either express or implied. See the License for the
|
|
||||||
* specific language governing permissions and limitations
|
|
||||||
* under the License.
|
|
||||||
*/
|
|
||||||
@import "../stylesheets/less/variables.less";
|
|
||||||
|
|
||||||
.widget {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slice_container {
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
background-color: @lightest;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar {
|
|
||||||
margin-bottom: 22px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.query-and-save-btns-container {
|
|
||||||
margin-bottom: 22px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.star-edit-icons {
|
|
||||||
padding-left: 10px;
|
|
||||||
font-size: 50%;
|
|
||||||
}
|
|
@ -1,21 +0,0 @@
|
|||||||
/**
|
|
||||||
* Licensed to the Apache Software Foundation (ASF) under one
|
|
||||||
* or more contributor license agreements. See the NOTICE file
|
|
||||||
* distributed with this work for additional information
|
|
||||||
* regarding copyright ownership. The ASF licenses this file
|
|
||||||
* to you under the Apache License, Version 2.0 (the
|
|
||||||
* "License"); you may not use this file except in compliance
|
|
||||||
* with the License. You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing,
|
|
||||||
* software distributed under the License is distributed on an
|
|
||||||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
||||||
* KIND, either express or implied. See the License for the
|
|
||||||
* specific language governing permissions and limitations
|
|
||||||
* under the License.
|
|
||||||
*/
|
|
||||||
.table i {
|
|
||||||
padding-top: 6px;
|
|
||||||
}
|
|
@ -1,61 +0,0 @@
|
|||||||
/**
|
|
||||||
* Licensed to the Apache Software Foundation (ASF) under one
|
|
||||||
* or more contributor license agreements. See the NOTICE file
|
|
||||||
* distributed with this work for additional information
|
|
||||||
* regarding copyright ownership. The ASF licenses this file
|
|
||||||
* to you under the Apache License, Version 2.0 (the
|
|
||||||
* "License"); you may not use this file except in compliance
|
|
||||||
* with the License. You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing,
|
|
||||||
* software distributed under the License is distributed on an
|
|
||||||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
||||||
* KIND, either express or implied. See the License for the
|
|
||||||
* specific language governing permissions and limitations
|
|
||||||
* under the License.
|
|
||||||
*/
|
|
||||||
@import "../stylesheets/less/variables.less";
|
|
||||||
|
|
||||||
.topsql {
|
|
||||||
height: 250px;
|
|
||||||
}
|
|
||||||
.dataTables_filter {
|
|
||||||
padding-top: 5px;
|
|
||||||
padding-right: 5px;
|
|
||||||
}
|
|
||||||
.bordered {
|
|
||||||
padding: 0px 0px;
|
|
||||||
border: 1px solid @gray;
|
|
||||||
border-radius: 5px;
|
|
||||||
background-color: @gray-bg;
|
|
||||||
}
|
|
||||||
div.alert {
|
|
||||||
padding: 5px;
|
|
||||||
margin: 0px;
|
|
||||||
}
|
|
||||||
.metadata {
|
|
||||||
overflow: auto;
|
|
||||||
width: 300px;
|
|
||||||
height: 100px;
|
|
||||||
}
|
|
||||||
.fillup {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.fillheight {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.interactions {
|
|
||||||
padding-bottom: 10px;
|
|
||||||
}
|
|
||||||
#results {
|
|
||||||
overflow: auto;
|
|
||||||
font-size: 12px;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
table tbody tr td {
|
|
||||||
padding: 1px 4px;
|
|
||||||
font-size: small;
|
|
||||||
}
|
|
@ -1,55 +0,0 @@
|
|||||||
/**
|
|
||||||
* Licensed to the Apache Software Foundation (ASF) under one
|
|
||||||
* or more contributor license agreements. See the NOTICE file
|
|
||||||
* distributed with this work for additional information
|
|
||||||
* regarding copyright ownership. The ASF licenses this file
|
|
||||||
* to you under the Apache License, Version 2.0 (the
|
|
||||||
* "License"); you may not use this file except in compliance
|
|
||||||
* with the License. You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing,
|
|
||||||
* software distributed under the License is distributed on an
|
|
||||||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
||||||
* KIND, either express or implied. See the License for the
|
|
||||||
* specific language governing permissions and limitations
|
|
||||||
* under the License.
|
|
||||||
*/
|
|
||||||
@import "../stylesheets/less/variables.less";
|
|
||||||
|
|
||||||
.table i {
|
|
||||||
padding-top: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.loading {
|
|
||||||
width: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.welcome table {
|
|
||||||
display: none;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
margin-left: 5px;
|
|
||||||
margin-top: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-body {
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cal-heatmap-panel {
|
|
||||||
padding: 20px;
|
|
||||||
background-color: @lightest;
|
|
||||||
}
|
|
||||||
.search input {
|
|
||||||
width: 400px;
|
|
||||||
}
|
|
||||||
.search-container .fa-search {
|
|
||||||
float: left;
|
|
||||||
margin-left: -25px;
|
|
||||||
margin-top: 12px;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
Loading…
Reference in New Issue
Block a user