1
0

tooltip.less 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. //
  2. // Tooltips
  3. // --------------------------------------------------
  4. // Base class
  5. .tooltip {
  6. position: absolute;
  7. z-index: @zindexTooltip;
  8. display: block;
  9. visibility: visible;
  10. font-size: 11px;
  11. line-height: 1.4;
  12. .opacity(0);
  13. &.in { .opacity(80); }
  14. &.top { margin-top: -3px; padding: 5px 0; }
  15. &.right { margin-left: 3px; padding: 0 5px; }
  16. &.bottom { margin-top: 3px; padding: 5px 0; }
  17. &.left { margin-left: -3px; padding: 0 5px; }
  18. }
  19. // Wrapper for the tooltip content
  20. .tooltip-inner {
  21. max-width: 200px;
  22. padding: 8px;
  23. color: @tooltipColor;
  24. text-align: center;
  25. text-decoration: none;
  26. background-color: @tooltipBackground;
  27. .border-radius(@baseBorderRadius);
  28. }
  29. // Arrows
  30. .tooltip-arrow {
  31. position: absolute;
  32. width: 0;
  33. height: 0;
  34. border-color: transparent;
  35. border-style: solid;
  36. }
  37. .tooltip {
  38. &.top .tooltip-arrow {
  39. bottom: 0;
  40. left: 50%;
  41. margin-left: -@tooltipArrowWidth;
  42. border-width: @tooltipArrowWidth @tooltipArrowWidth 0;
  43. border-top-color: @tooltipArrowColor;
  44. }
  45. &.right .tooltip-arrow {
  46. top: 50%;
  47. left: 0;
  48. margin-top: -@tooltipArrowWidth;
  49. border-width: @tooltipArrowWidth @tooltipArrowWidth @tooltipArrowWidth 0;
  50. border-right-color: @tooltipArrowColor;
  51. }
  52. &.left .tooltip-arrow {
  53. top: 50%;
  54. right: 0;
  55. margin-top: -@tooltipArrowWidth;
  56. border-width: @tooltipArrowWidth 0 @tooltipArrowWidth @tooltipArrowWidth;
  57. border-left-color: @tooltipArrowColor;
  58. }
  59. &.bottom .tooltip-arrow {
  60. top: 0;
  61. left: 50%;
  62. margin-left: -@tooltipArrowWidth;
  63. border-width: 0 @tooltipArrowWidth @tooltipArrowWidth;
  64. border-bottom-color: @tooltipArrowColor;
  65. }
  66. }