mirror of
https://github.com/apache/superset.git
synced 2024-09-19 20:19:37 -04:00
chore(legacy-plugin-chart-markup): add emotion styling to Markup chart (#567)
* add emotion styling to Markup chart * Update package.json
This commit is contained in:
parent
4b013c08df
commit
153cb2f851
@ -34,6 +34,7 @@
|
||||
"@superset-ui/chart": "^0.13.0",
|
||||
"@superset-ui/control-utils": "^0.13.9",
|
||||
"@superset-ui/translation": "^0.13.0",
|
||||
"@superset-ui/style": "^0.13.26",
|
||||
"@superset-ui/validator": "^0.13.0",
|
||||
"react": "^15 || ^16"
|
||||
}
|
||||
|
@ -1,39 +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.
|
||||
*/
|
||||
|
||||
.markup.slice_container {
|
||||
margin: 10px;
|
||||
}
|
||||
.separator {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.separator hr {
|
||||
border: 0;
|
||||
height: 1px;
|
||||
background-image: linear-gradient(
|
||||
to right,
|
||||
rgba(0, 0, 0, 1),
|
||||
rgba(0, 0, 0, 1),
|
||||
rgba(0, 0, 0, 1),
|
||||
rgba(0, 0, 0, 0)
|
||||
);
|
||||
}
|
||||
.separator .chart-header {
|
||||
border: none !important;
|
||||
}
|
@ -18,7 +18,7 @@
|
||||
*/
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import './Markup.css';
|
||||
import styled from '@superset-ui/style';
|
||||
|
||||
const propTypes = {
|
||||
className: PropTypes.string,
|
||||
@ -42,7 +42,6 @@ const CONTAINER_STYLE = {
|
||||
class Markup extends React.PureComponent {
|
||||
render() {
|
||||
const { className, height, isSeparator, html, cssFiles } = this.props;
|
||||
|
||||
return (
|
||||
<div className={className} style={CONTAINER_STYLE}>
|
||||
<iframe
|
||||
@ -68,4 +67,25 @@ class Markup extends React.PureComponent {
|
||||
Markup.propTypes = propTypes;
|
||||
Markup.defaultProps = defaultProps;
|
||||
|
||||
export default Markup;
|
||||
export default styled(Markup)`
|
||||
.markup.slice_container {
|
||||
margin: 10px;
|
||||
}
|
||||
.separator {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.separator hr {
|
||||
border: 0;
|
||||
height: 1px;
|
||||
background-image: linear-gradient(
|
||||
to right,
|
||||
rgba(0, 0, 0, 1),
|
||||
rgba(0, 0, 0, 1),
|
||||
rgba(0, 0, 0, 1),
|
||||
rgba(0, 0, 0, 0)
|
||||
);
|
||||
}
|
||||
.separator .chart-header {
|
||||
border: none !important;
|
||||
}
|
||||
`;
|
||||
|
Loading…
Reference in New Issue
Block a user