mirror of
https://github.com/apache/superset.git
synced 2026-04-24 10:35:01 +00:00
a8a48af7fa
* fix(fonts): Import all necessary font packages * Make html tags themable * Set bold font weight to 600, add medium font weight to theme * Replace hard coded font weights with theme variables * Change some font weight light elements to normal * Fix tests * Fix bug in pivot table * Address code review comments
74 lines
1.9 KiB
JavaScript
74 lines
1.9 KiB
JavaScript
/**
|
|
* 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 React from 'react';
|
|
import { reactify, styled } from '@superset-ui/core';
|
|
import PropTypes from 'prop-types';
|
|
import SanKey from './Sankey';
|
|
|
|
const ReactSanKey = reactify(SanKey);
|
|
|
|
const SankeyComponent = ({ className, ...otherProps }) => (
|
|
<div className={className}>
|
|
<ReactSanKey {...otherProps} />
|
|
</div>
|
|
);
|
|
|
|
SankeyComponent.propTypes = {
|
|
className: PropTypes.string.isRequired,
|
|
};
|
|
|
|
export default styled(SankeyComponent)`
|
|
.superset-legacy-chart-sankey {
|
|
.node {
|
|
rect {
|
|
cursor: move;
|
|
fill-opacity: 0.9;
|
|
shape-rendering: crispEdges;
|
|
}
|
|
text {
|
|
pointer-events: none;
|
|
text-shadow: 0 1px 0 #fff;
|
|
font-size: ${({ fontSize }) => fontSize}em;
|
|
}
|
|
}
|
|
.link {
|
|
fill: none;
|
|
stroke: #000;
|
|
stroke-opacity: 0.2;
|
|
&:hover {
|
|
stroke-opacity: 0.5;
|
|
}
|
|
}
|
|
.opacity-0 {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.sankey-tooltip {
|
|
position: absolute;
|
|
width: auto;
|
|
background: #ddd;
|
|
padding: 10px;
|
|
font-size: ${({ fontSize }) => fontSize}em;
|
|
color: #000;
|
|
border: 1px solid #fff;
|
|
text-align: center;
|
|
pointer-events: none;
|
|
}
|
|
`;
|