chore: Removes ColorSchemeControl.less (#14199)

This commit is contained in:
Michael S. Molina 2021-05-21 18:46:01 -03:00 committed by GitHub
parent fb6d21a168
commit 04d94d2b6c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 35 deletions

View File

@ -23,8 +23,6 @@ import { Select } from 'src/components/Select';
import { Tooltip } from 'src/components/Tooltip';
import ControlHeader from '../ControlHeader';
import './ColorSchemeControl.less';
const propTypes = {
description: PropTypes.string,
label: PropTypes.string.isRequired,
@ -75,11 +73,26 @@ export default class ColorSchemeControl extends React.PureComponent {
return (
<Tooltip id={`${currentScheme.id}-tooltip`} title={currentScheme.label}>
<ul className="color-scheme-container" data-test={currentScheme.id}>
<ul
css={{
listStyle: 'none',
margin: 0,
padding: 0,
display: 'flex',
alignItems: 'center',
'& li': {
flexBasis: 9,
height: 10,
margin: '9px 1px',
},
}}
data-test={currentScheme.id}
>
{colors.map((color, i) => (
<li
key={`${currentScheme.id}-${i}`}
style={{
css={{
backgroundColor: color,
border: `1px solid ${color === 'white' ? 'black' : color}`,
}}

View File

@ -1,31 +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.
*/
.color-scheme-container {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
li {
flex-basis: 9px;
height: 10px;
margin: 9px 1px;
}
}