html-theme.js 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. var _a;
  2. import Theme from '../util/theme';
  3. // tooltip 相关 dom 的 css 类名
  4. import * as CssConst from './css-const';
  5. export default (_a = {},
  6. // css style for tooltip
  7. _a["" + CssConst.CONTAINER_CLASS] = {
  8. position: 'absolute',
  9. visibility: 'visible',
  10. // @2018-07-25 by blue.lb 这里去掉浮动,火狐上存在样式错位
  11. // whiteSpace: 'nowrap',
  12. zIndex: 8,
  13. transition: 'visibility 0.2s cubic-bezier(0.23, 1, 0.32, 1), ' +
  14. 'left 0.4s cubic-bezier(0.23, 1, 0.32, 1), ' +
  15. 'top 0.4s cubic-bezier(0.23, 1, 0.32, 1)',
  16. backgroundColor: 'rgba(255, 255, 255, 0.9)',
  17. boxShadow: '0px 0px 10px #aeaeae',
  18. borderRadius: '3px',
  19. color: 'rgb(87, 87, 87)',
  20. fontSize: '12px',
  21. fontFamily: Theme.fontFamily,
  22. lineHeight: '20px',
  23. padding: '10px 10px 6px 10px',
  24. },
  25. _a["" + CssConst.TITLE_CLASS] = {
  26. marginBottom: '4px',
  27. },
  28. _a["" + CssConst.LIST_CLASS] = {
  29. margin: '0px',
  30. listStyleType: 'none',
  31. padding: '0px',
  32. },
  33. _a["" + CssConst.LIST_ITEM_CLASS] = {
  34. listStyleType: 'none',
  35. marginBottom: '4px',
  36. },
  37. _a["" + CssConst.MARKER_CLASS] = {
  38. width: '8px',
  39. height: '8px',
  40. borderRadius: '50%',
  41. display: 'inline-block',
  42. marginRight: '8px',
  43. },
  44. _a["" + CssConst.VALUE_CLASS] = {
  45. display: 'inline-block',
  46. float: 'right',
  47. marginLeft: '30px',
  48. },
  49. _a["" + CssConst.CROSSHAIR_X] = {
  50. position: 'absolute',
  51. width: '1px',
  52. backgroundColor: 'rgba(0, 0, 0, 0.25)',
  53. },
  54. _a["" + CssConst.CROSSHAIR_Y] = {
  55. position: 'absolute',
  56. height: '1px',
  57. backgroundColor: 'rgba(0, 0, 0, 0.25)',
  58. },
  59. _a);
  60. //# sourceMappingURL=html-theme.js.map