123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272 |
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
- /* stylelint-disable no-duplicate-selectors */
- .ant-tooltip {
- box-sizing: border-box;
- margin: 0;
- padding: 0;
- color: rgba(0, 0, 0, 0.85);
- font-size: 14px;
- font-variant: tabular-nums;
- line-height: 1.5715;
- list-style: none;
- font-feature-settings: 'tnum';
- position: absolute;
- z-index: 1070;
- display: block;
- width: max-content;
- width: intrinsic;
- max-width: 250px;
- visibility: visible;
- }
- .ant-tooltip-content {
- position: relative;
- }
- .ant-tooltip-hidden {
- display: none;
- }
- .ant-tooltip-placement-top,
- .ant-tooltip-placement-topLeft,
- .ant-tooltip-placement-topRight {
- padding-bottom: 14.3137085px;
- }
- .ant-tooltip-placement-right,
- .ant-tooltip-placement-rightTop,
- .ant-tooltip-placement-rightBottom {
- padding-left: 14.3137085px;
- }
- .ant-tooltip-placement-bottom,
- .ant-tooltip-placement-bottomLeft,
- .ant-tooltip-placement-bottomRight {
- padding-top: 14.3137085px;
- }
- .ant-tooltip-placement-left,
- .ant-tooltip-placement-leftTop,
- .ant-tooltip-placement-leftBottom {
- padding-right: 14.3137085px;
- }
- .ant-tooltip-inner {
- min-width: 30px;
- min-height: 32px;
- padding: 6px 8px;
- color: #fff;
- text-align: left;
- text-decoration: none;
- word-wrap: break-word;
- background-color: rgba(0, 0, 0, 0.75);
- border-radius: 2px;
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
- }
- .ant-tooltip-arrow {
- position: absolute;
- z-index: 2;
- display: block;
- width: 22px;
- height: 22px;
- overflow: hidden;
- background: transparent;
- pointer-events: none;
- }
- .ant-tooltip-arrow-content {
- --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: block;
- width: 11.3137085px;
- height: 11.3137085px;
- margin: auto;
- content: '';
- pointer-events: auto;
- border-radius: 0 0 2px;
- pointer-events: none;
- }
- .ant-tooltip-arrow-content::before {
- position: absolute;
- top: -11.3137085px;
- left: -11.3137085px;
- width: 33.9411255px;
- height: 33.9411255px;
- background: var(--antd-arrow-background-color);
- background-repeat: no-repeat;
- background-position: -10px -10px;
- content: '';
- clip-path: inset(33% 33%);
- clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
- }
- .ant-tooltip-placement-top .ant-tooltip-arrow,
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
- bottom: 0;
- transform: translateY(100%);
- }
- .ant-tooltip-placement-top .ant-tooltip-arrow-content,
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
- .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
- transform: translateY(-11px) rotate(45deg);
- }
- .ant-tooltip-placement-top .ant-tooltip-arrow {
- left: 50%;
- transform: translateY(100%) translateX(-50%);
- }
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow {
- left: 13px;
- }
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
- right: 13px;
- }
- .ant-tooltip-placement-right .ant-tooltip-arrow,
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
- left: 0;
- transform: translateX(-100%);
- }
- .ant-tooltip-placement-right .ant-tooltip-arrow-content,
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
- box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
- transform: translateX(11px) rotate(135deg);
- }
- .ant-tooltip-placement-right .ant-tooltip-arrow {
- top: 50%;
- transform: translateX(-100%) translateY(-50%);
- }
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
- top: 5px;
- }
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
- bottom: 5px;
- }
- .ant-tooltip-placement-left .ant-tooltip-arrow,
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
- right: 0;
- transform: translateX(100%);
- }
- .ant-tooltip-placement-left .ant-tooltip-arrow-content,
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
- box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
- transform: translateX(-11px) rotate(315deg);
- }
- .ant-tooltip-placement-left .ant-tooltip-arrow {
- top: 50%;
- transform: translateX(100%) translateY(-50%);
- }
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
- top: 5px;
- }
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
- bottom: 5px;
- }
- .ant-tooltip-placement-bottom .ant-tooltip-arrow,
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
- top: 0;
- transform: translateY(-100%);
- }
- .ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
- box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
- transform: translateY(11px) rotate(225deg);
- }
- .ant-tooltip-placement-bottom .ant-tooltip-arrow {
- left: 50%;
- transform: translateY(-100%) translateX(-50%);
- }
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
- left: 13px;
- }
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
- right: 13px;
- }
- .ant-tooltip-pink .ant-tooltip-inner {
- background-color: #eb2f96;
- }
- .ant-tooltip-pink .ant-tooltip-arrow-content::before {
- background: #eb2f96;
- }
- .ant-tooltip-magenta .ant-tooltip-inner {
- background-color: #eb2f96;
- }
- .ant-tooltip-magenta .ant-tooltip-arrow-content::before {
- background: #eb2f96;
- }
- .ant-tooltip-red .ant-tooltip-inner {
- background-color: #f5222d;
- }
- .ant-tooltip-red .ant-tooltip-arrow-content::before {
- background: #f5222d;
- }
- .ant-tooltip-volcano .ant-tooltip-inner {
- background-color: #fa541c;
- }
- .ant-tooltip-volcano .ant-tooltip-arrow-content::before {
- background: #fa541c;
- }
- .ant-tooltip-orange .ant-tooltip-inner {
- background-color: #fa8c16;
- }
- .ant-tooltip-orange .ant-tooltip-arrow-content::before {
- background: #fa8c16;
- }
- .ant-tooltip-yellow .ant-tooltip-inner {
- background-color: #fadb14;
- }
- .ant-tooltip-yellow .ant-tooltip-arrow-content::before {
- background: #fadb14;
- }
- .ant-tooltip-gold .ant-tooltip-inner {
- background-color: #faad14;
- }
- .ant-tooltip-gold .ant-tooltip-arrow-content::before {
- background: #faad14;
- }
- .ant-tooltip-cyan .ant-tooltip-inner {
- background-color: #13c2c2;
- }
- .ant-tooltip-cyan .ant-tooltip-arrow-content::before {
- background: #13c2c2;
- }
- .ant-tooltip-lime .ant-tooltip-inner {
- background-color: #a0d911;
- }
- .ant-tooltip-lime .ant-tooltip-arrow-content::before {
- background: #a0d911;
- }
- .ant-tooltip-green .ant-tooltip-inner {
- background-color: #52c41a;
- }
- .ant-tooltip-green .ant-tooltip-arrow-content::before {
- background: #52c41a;
- }
- .ant-tooltip-blue .ant-tooltip-inner {
- background-color: #1890ff;
- }
- .ant-tooltip-blue .ant-tooltip-arrow-content::before {
- background: #1890ff;
- }
- .ant-tooltip-geekblue .ant-tooltip-inner {
- background-color: #2f54eb;
- }
- .ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
- background: #2f54eb;
- }
- .ant-tooltip-purple .ant-tooltip-inner {
- background-color: #722ed1;
- }
- .ant-tooltip-purple .ant-tooltip-arrow-content::before {
- background: #722ed1;
- }
- .ant-tooltip-rtl {
- direction: rtl;
- }
- .ant-tooltip-rtl .ant-tooltip-inner {
- text-align: right;
- }
- .ant-tooltip {
- position: relative;
- }
|