50 lines
1.6 KiB
JavaScript
50 lines
1.6 KiB
JavaScript
var _TooltipTheme;
|
|
|
|
var _require = require('../const'),
|
|
FONT_FAMILY = _require.FONT_FAMILY; // tooltip 相关 dom 的 css 类名
|
|
|
|
|
|
var TOOLTIP_CONTAINER_CLASS = 'g2-tooltip';
|
|
var TOOLTIP_TITLE_CLASS = 'g2-tooltip-title';
|
|
var TOOLTIP_LIST_CLASS = 'g2-tooltip-list';
|
|
var TOOLTIP_LIST_ITEM_CLASS = 'g2-tooltip-list-item';
|
|
var TOOLTIP_MARKER_CLASS = 'g2-tooltip-marker';
|
|
var TOOLTIP_VALUE_CLASS = 'g2-tooltip-value';
|
|
var TooltipTheme = (_TooltipTheme = {
|
|
crosshairs: false,
|
|
offset: 15
|
|
}, _TooltipTheme["" + TOOLTIP_CONTAINER_CLASS] = {
|
|
position: 'absolute',
|
|
visibility: 'hidden',
|
|
// @2018-07-25 by blue.lb 这里去掉浮动，火狐上存在样式错位
|
|
// whiteSpace: 'nowrap',
|
|
zIndex: 8,
|
|
transition: 'visibility 0.2s cubic-bezier(0.23, 1, 0.32, 1), left 0.4s cubic-bezier(0.23, 1, 0.32, 1), top 0.4s cubic-bezier(0.23, 1, 0.32, 1)',
|
|
backgroundColor: 'rgba(255, 255, 255, 0.9)',
|
|
boxShadow: '0px 0px 10px #aeaeae',
|
|
borderRadius: '3px',
|
|
color: 'rgb(87, 87, 87)',
|
|
fontSize: '12px',
|
|
fontFamily: FONT_FAMILY,
|
|
lineHeight: '20px',
|
|
padding: '10px 10px 6px 10px'
|
|
}, _TooltipTheme["" + TOOLTIP_TITLE_CLASS] = {
|
|
marginBottom: '4px'
|
|
}, _TooltipTheme["" + TOOLTIP_LIST_CLASS] = {
|
|
margin: 0,
|
|
listStyleType: 'none',
|
|
padding: 0
|
|
}, _TooltipTheme["" + TOOLTIP_LIST_ITEM_CLASS] = {
|
|
marginBottom: '4px'
|
|
}, _TooltipTheme["" + TOOLTIP_MARKER_CLASS] = {
|
|
width: '5px',
|
|
height: '5px',
|
|
borderRadius: '50%',
|
|
display: 'inline-block',
|
|
marginRight: '8px'
|
|
}, _TooltipTheme["" + TOOLTIP_VALUE_CLASS] = {
|
|
display: 'inline-block',
|
|
float: 'right',
|
|
marginLeft: '30px'
|
|
}, _TooltipTheme);
|
|
module.exports = TooltipTheme; |