html-theme.js 1.9 KB

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