123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174 |
- .rc-tooltip.rc-tooltip-zoom-appear,
- .rc-tooltip.rc-tooltip-zoom-enter {
- opacity: 0;
- }
- .rc-tooltip.rc-tooltip-zoom-enter,
- .rc-tooltip.rc-tooltip-zoom-leave {
- display: block;
- }
- .rc-tooltip-zoom-enter,
- .rc-tooltip-zoom-appear {
- opacity: 0;
- animation-duration: 0.3s;
- animation-fill-mode: both;
- animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
- animation-play-state: paused;
- }
- .rc-tooltip-zoom-leave {
- animation-duration: 0.3s;
- animation-fill-mode: both;
- animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
- animation-play-state: paused;
- }
- .rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
- .rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
- animation-name: rcToolTipZoomIn;
- animation-play-state: running;
- }
- .rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
- animation-name: rcToolTipZoomOut;
- animation-play-state: running;
- }
- @keyframes rcToolTipZoomIn {
- 0% {
- opacity: 0;
- transform-origin: 50% 50%;
- transform: scale(0, 0);
- }
- 100% {
- opacity: 1;
- transform-origin: 50% 50%;
- transform: scale(1, 1);
- }
- }
- @keyframes rcToolTipZoomOut {
- 0% {
- opacity: 1;
- transform-origin: 50% 50%;
- transform: scale(1, 1);
- }
- 100% {
- opacity: 0;
- transform-origin: 50% 50%;
- transform: scale(0, 0);
- }
- }
- .rc-tooltip {
- position: absolute;
- z-index: 1070;
- display: block;
- visibility: visible;
- font-size: 12px;
- line-height: 1.5;
- opacity: 0.9;
- }
- .rc-tooltip-hidden {
- display: none;
- }
- .rc-tooltip-placement-top,
- .rc-tooltip-placement-topLeft,
- .rc-tooltip-placement-topRight {
- padding: 5px 0 9px 0;
- }
- .rc-tooltip-placement-right,
- .rc-tooltip-placement-rightTop,
- .rc-tooltip-placement-rightBottom {
- padding: 0 5px 0 9px;
- }
- .rc-tooltip-placement-bottom,
- .rc-tooltip-placement-bottomLeft,
- .rc-tooltip-placement-bottomRight {
- padding: 9px 0 5px 0;
- }
- .rc-tooltip-placement-left,
- .rc-tooltip-placement-leftTop,
- .rc-tooltip-placement-leftBottom {
- padding: 0 9px 0 5px;
- }
- .rc-tooltip-inner {
- padding: 8px 10px;
- color: #fff;
- text-align: left;
- text-decoration: none;
- background-color: #373737;
- border-radius: 6px;
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
- min-height: 34px;
- }
- .rc-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- }
- .rc-tooltip-placement-top .rc-tooltip-arrow,
- .rc-tooltip-placement-topLeft .rc-tooltip-arrow,
- .rc-tooltip-placement-topRight .rc-tooltip-arrow {
- bottom: 4px;
- margin-left: -5px;
- border-width: 5px 5px 0;
- border-top-color: #373737;
- }
- .rc-tooltip-placement-top .rc-tooltip-arrow {
- left: 50%;
- }
- .rc-tooltip-placement-topLeft .rc-tooltip-arrow {
- left: 15%;
- }
- .rc-tooltip-placement-topRight .rc-tooltip-arrow {
- right: 15%;
- }
- .rc-tooltip-placement-right .rc-tooltip-arrow,
- .rc-tooltip-placement-rightTop .rc-tooltip-arrow,
- .rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
- left: 4px;
- margin-top: -5px;
- border-width: 5px 5px 5px 0;
- border-right-color: #373737;
- }
- .rc-tooltip-placement-right .rc-tooltip-arrow {
- top: 50%;
- }
- .rc-tooltip-placement-rightTop .rc-tooltip-arrow {
- top: 15%;
- margin-top: 0;
- }
- .rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
- bottom: 15%;
- }
- .rc-tooltip-placement-left .rc-tooltip-arrow,
- .rc-tooltip-placement-leftTop .rc-tooltip-arrow,
- .rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
- right: 4px;
- margin-top: -5px;
- border-width: 5px 0 5px 5px;
- border-left-color: #373737;
- }
- .rc-tooltip-placement-left .rc-tooltip-arrow {
- top: 50%;
- }
- .rc-tooltip-placement-leftTop .rc-tooltip-arrow {
- top: 15%;
- margin-top: 0;
- }
- .rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
- bottom: 15%;
- }
- .rc-tooltip-placement-bottom .rc-tooltip-arrow,
- .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
- .rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
- top: 4px;
- margin-left: -5px;
- border-width: 0 5px 5px;
- border-bottom-color: #373737;
- }
- .rc-tooltip-placement-bottom .rc-tooltip-arrow {
- left: 50%;
- }
- .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
- left: 15%;
- }
- .rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
- right: 15%;
- }
|