Migrate CSS to LESS files, remove unused files (#8617)

* all CSS files migrated to LESS

* prettier

* removing unused CSS/LESS Files

superset/assets/src/CRUD/CollectionTable.jsx

@@ -23,7 +23,7 @@ import { t } from '@superset-ui/translation';
 import Button from '../components/Button';
 import Fieldset from './Fieldset';
 import { recurseReactClone } from './utils';
-import './styles.css';
+import './crud.less';
 
 const propTypes = {
   collection: PropTypes.arrayOf(PropTypes.object).isRequired,

superset/assets/src/CRUD/Field.jsx

@@ -22,7 +22,7 @@ import {
   FormGroup, ControlLabel, HelpBlock, FormControl, OverlayTrigger, Tooltip,
 } from 'react-bootstrap';
 
-import './styles.less';
+import './crud.less';
 
 const propTypes = {
   value: PropTypes.any.isRequired,

superset/assets/src/CRUD/crud.less

@@ -16,17 +16,32 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-.CRUD i.fa-caret-down,
-i.fa-caret-up {
-  width: "5px";
-}
-.CRUD td.expanded {
-  border-top: "0px";
-  padding: "0px";
-}
-.CRUD .frame {
-  border: "1px solid #AAA";
-  border-radius: 5;
-  padding: 10;
-  background: "#F4F4F4";
+.CRUD {
+  .text-right {
+    text-align: right;
+  }
+  .empty-collection {
+    padding: 10px;
+  }
+  .control-label {
+    font-weight: bold;
+    font-size: 16px;
+  }
+  .tiny-cell {
+    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";
+  }
 }

superset/assets/src/CRUD/styles.less

@@ -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;
-}

superset/assets/src/chart/Chart.jsx

@@ -27,7 +27,7 @@ import RefreshChartOverlay from '../components/RefreshChartOverlay';
 import StackTraceMessage from '../components/StackTraceMessage';
 import ErrorBoundary from '../components/ErrorBoundary';
 import ChartRenderer from './ChartRenderer';
-import './chart.css';
+import './chart.less';
 
 const propTypes = {
   annotationData: PropTypes.object,

superset/assets/src/components/FilterBadgeIcon.less

@@ -28,12 +28,7 @@
     fill: @lightest;
   }
 }
-.filter-badge:hover {
-  cursor: pointer;
-  background-color: @gray;
-}
-
-.color-bar.badge-group,
+.filter-badge .color-bar.badge-group,
 .filter-badge.badge-group {
   background-color: @gray-dark;
 }

superset/assets/src/components/Loading.jsx

@@ -19,7 +19,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import './Loading.css';
+import './Loading.less';
 
 const propTypes = {
   size: PropTypes.number,

superset/assets/src/components/TableSelector.jsx

@@ -25,7 +25,7 @@ import { SupersetClient } from '@superset-ui/connection';
 
 import AsyncSelect from './AsyncSelect';
 import RefreshLabel from './RefreshLabel';
-import './TableSelector.css';
+import './TableSelector.less';
 
 const propTypes = {
   dbId: PropTypes.number.isRequired,

superset/assets/src/components/TableSelector.less

@@ -16,6 +16,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+@import "../../stylesheets/less/variables.less";
+
 .TableSelector .fa-refresh {
   padding-left: 9px;
 }
@@ -33,7 +35,7 @@
   flex-grow: 1;
 }
 .TableSelector .divider {
-  border-bottom: 1px solid #f2f2f2;
+  border-bottom: 1px solid @gray-bg;
   margin: 15px 0;
 }
 .TableLabel {

superset/assets/src/explore/components/Control.jsx

@@ -19,7 +19,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import './Control.css';
+import './Control.less';
 import controlMap from './controls';
 
 const controlTypes = Object.keys(controlMap);

superset/assets/src/explore/components/controls/CollectionControl.jsx

@@ -27,7 +27,7 @@ import {
 import InfoTooltipWithTrigger from '../../../components/InfoTooltipWithTrigger';
 import ControlHeader from '../ControlHeader';
 import controlMap from './';
-import './CollectionControl.css';
+import './CollectionControl.less';
 
 const propTypes = {
   name: PropTypes.string.isRequired,

superset/assets/src/explore/components/controls/DateFilterControl.jsx

@@ -39,7 +39,7 @@ import 'react-datetime/css/react-datetime.css';
 import moment from 'moment';
 import { t } from '@superset-ui/translation';
 
-import './DateFilterControl.css';
+import './DateFilterControl.less';
 import ControlHeader from '../ControlHeader';
 import PopoverSection from '../../../components/PopoverSection';
 

superset/assets/src/explore/components/controls/VizTypeControl.jsx

@@ -26,7 +26,7 @@ import { t } from '@superset-ui/translation';
 import { getChartMetadataRegistry } from '@superset-ui/chart';
 
 import ControlHeader from '../ControlHeader';
-import './VizTypeControl.css';
+import './VizTypeControl.less';
 
 const propTypes = {
   description: PropTypes.string,

superset/assets/src/showSavedQuery/index.jsx

@@ -20,7 +20,7 @@ import React from 'react';
 import ReactDom from 'react-dom';
 import Form from 'react-jsonschema-form';
 import { interpolate } from 'src/showSavedQuery/utils';
-import './index.css';
+import './index.less';
 
 const scheduleInfoContainer = document.getElementById('schedule-info');
 const bootstrapData = JSON.parse(scheduleInfoContainer.getAttribute('data-bootstrap'));

superset/assets/src/visualizations/TimeTable/TimeTable.jsx

@@ -29,7 +29,7 @@ import MetricOption from '../../components/MetricOption';
 import InfoTooltipWithTrigger from '../../components/InfoTooltipWithTrigger';
 import FormattedNumber from './FormattedNumber';
 import SparklineCell from './SparklineCell';
-import './TimeTable.css';
+import './TimeTable.less';
 
 const ACCESSIBLE_COLOR_BOUNDS = ['#ca0020', '#0571b0'];
 

superset/assets/stylesheets/explore.less

@@ -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%;
-}

superset/assets/stylesheets/profile.css

@@ -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;
-}

superset/assets/stylesheets/sql.less

@@ -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;
-}

superset/assets/stylesheets/welcome.less

@@ -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;
-}