|
9 | 9 | .ark-headmap-body-location-none .ark-heatmap-location {
|
10 | 10 | display: none; }
|
11 | 11 |
|
| 12 | +.ark-heat-click-element { |
| 13 | + position: absolute; |
| 14 | + left: 0; |
| 15 | + top: 0; |
| 16 | + height: 100%; |
| 17 | + width: 100%; |
| 18 | + background-color: #ff0000; |
| 19 | + color: #fff; |
| 20 | + text-align: center; |
| 21 | + font-size: 12px; |
| 22 | + z-index: 10000; |
| 23 | + line-height: 22px; } |
| 24 | + .ark-heat-click-element .ark-heat-click-element-text { |
| 25 | + display: block; |
| 26 | + overflow: hidden; |
| 27 | + white-space: nowrap; |
| 28 | + text-overflow: ellipsis; |
| 29 | + position: absolute; |
| 30 | + width: 100%; |
| 31 | + top: 50%; |
| 32 | + margin-top: -11px; |
| 33 | + text-align: center; } |
| 34 | + .ark-heat-click-element:hover .ark-heat-click-element-tips { |
| 35 | + display: block; } |
| 36 | + .ark-heat-click-element .ark-heat-click-element-tips { |
| 37 | + position: absolute; |
| 38 | + background-color: #252d39; |
| 39 | + font-size: 12px; |
| 40 | + display: none; |
| 41 | + top: 100%; |
| 42 | + top: calc(100% + 5px); |
| 43 | + font-size: 14px; |
| 44 | + padding: 10px 0; |
| 45 | + border-radius: 4px; |
| 46 | + left: 50%; |
| 47 | + transform: translate(-50%, 0); |
| 48 | + white-space: nowrap; } |
| 49 | + .ark-heat-click-element .ark-heat-click-element-tips::after { |
| 50 | + content: ''; |
| 51 | + position: absolute; |
| 52 | + width: 0; |
| 53 | + height: 0; |
| 54 | + border-color: transparent; |
| 55 | + border-style: solid; |
| 56 | + top: 5px; |
| 57 | + left: 50%; |
| 58 | + margin-top: -10px; |
| 59 | + border-width: 0 7px 5px; |
| 60 | + border-bottom-color: #252d39; |
| 61 | + margin-left: -7px; } |
| 62 | + .ark-heat-click-element .ark-heat-click-element-tips .ark-click-num, .ark-heat-click-element .ark-heat-click-element-tips .ark-click-percent { |
| 63 | + display: inline-block; |
| 64 | + text-align: right; |
| 65 | + padding: 0 10px; } |
| 66 | + .ark-heat-click-element .ark-heat-click-element-tips .ark-click-num label, .ark-heat-click-element .ark-heat-click-element-tips .ark-click-percent label { |
| 67 | + display: block; |
| 68 | + color: #9cacbf; } |
| 69 | + |
| 70 | +.ark-headmap-body-element-none .ark-heat-click-element { |
| 71 | + display: none; } |
| 72 | + |
| 73 | +.ark-page-line { |
| 74 | + z-index: 5002; |
| 75 | + position: absolute; |
| 76 | + width: 100%; |
| 77 | + height: 1px; |
| 78 | + left: 0; |
| 79 | + border-bottom: dashed 1px #262d39; } |
| 80 | + .ark-page-line.ark-mouse-lines { |
| 81 | + border-bottom-style: solid; } |
| 82 | + .ark-page-line .ark-page-line-value { |
| 83 | + background-color: #262d39; |
| 84 | + font-size: 14px; |
| 85 | + padding: 8px 16px; |
| 86 | + border-radius: 0 4px 0 0; |
| 87 | + position: absolute; |
| 88 | + left: 0; |
| 89 | + bottom: -1px; |
| 90 | + color: #fff; } |
| 91 | + .ark-page-line .ark-page-mouse-line-value { |
| 92 | + left: 50%; |
| 93 | + border-radius: 4px 4px 0 0; |
| 94 | + padding: 8px 0; |
| 95 | + width: 190px; |
| 96 | + text-align: center; |
| 97 | + margin-left: -95px; } |
| 98 | + |
| 99 | +.ark-headmap-body-line-none .ark-page-line { |
| 100 | + display: none; } |
| 101 | + |
12 | 102 | .ark-heatmap-head {
|
13 | 103 | position: fixed;
|
14 | 104 | left: 0;
|
|
299 | 389 | .ark-heatmap-head-handle #arkHeatmapSwitch, .ark-heatmap-head-handle #arkHotEleList, .ark-heatmap-head-handle #arkHeatDisplayConfig, .ark-heatmap-head-handle #arkConditionList {
|
300 | 390 | display: none !important; } }
|
301 | 391 |
|
302 |
| -.ark-heat-click-element { |
303 |
| - position: absolute; |
304 |
| - left: 0; |
305 |
| - top: 0; |
306 |
| - height: 100%; |
307 |
| - width: 100%; |
308 |
| - background-color: #ff0000; |
309 |
| - color: #fff; |
310 |
| - text-align: center; |
311 |
| - font-size: 12px; |
312 |
| - z-index: 10000; |
313 |
| - line-height: 22px; } |
314 |
| - .ark-heat-click-element .ark-heat-click-element-text { |
315 |
| - display: block; |
316 |
| - overflow: hidden; |
317 |
| - white-space: nowrap; |
318 |
| - text-overflow: ellipsis; |
319 |
| - position: absolute; |
320 |
| - width: 100%; |
321 |
| - top: 50%; |
322 |
| - margin-top: -11px; |
323 |
| - text-align: center; } |
324 |
| - .ark-heat-click-element:hover .ark-heat-click-element-tips { |
325 |
| - display: block; } |
326 |
| - .ark-heat-click-element .ark-heat-click-element-tips { |
327 |
| - position: absolute; |
328 |
| - background-color: #252d39; |
329 |
| - font-size: 12px; |
330 |
| - display: none; |
331 |
| - top: 100%; |
332 |
| - top: calc(100% + 5px); |
333 |
| - font-size: 14px; |
334 |
| - padding: 10px 0; |
335 |
| - border-radius: 4px; |
336 |
| - left: 50%; |
337 |
| - transform: translate(-50%, 0); |
338 |
| - white-space: nowrap; } |
339 |
| - .ark-heat-click-element .ark-heat-click-element-tips::after { |
340 |
| - content: ''; |
341 |
| - position: absolute; |
342 |
| - width: 0; |
343 |
| - height: 0; |
344 |
| - border-color: transparent; |
345 |
| - border-style: solid; |
346 |
| - top: 5px; |
347 |
| - left: 50%; |
348 |
| - margin-top: -10px; |
349 |
| - border-width: 0 7px 5px; |
350 |
| - border-bottom-color: #252d39; |
351 |
| - margin-left: -7px; } |
352 |
| - .ark-heat-click-element .ark-heat-click-element-tips .ark-click-num, .ark-heat-click-element .ark-heat-click-element-tips .ark-click-percent { |
353 |
| - display: inline-block; |
354 |
| - text-align: right; |
355 |
| - padding: 0 10px; } |
356 |
| - .ark-heat-click-element .ark-heat-click-element-tips .ark-click-num label, .ark-heat-click-element .ark-heat-click-element-tips .ark-click-percent label { |
357 |
| - display: block; |
358 |
| - color: #9cacbf; } |
359 |
| - |
360 |
| -.ark-headmap-body-element-none .ark-heat-click-element { |
361 |
| - display: none; } |
362 |
| - |
363 | 392 | .ark-headmap-loading, .ark-headmap-nodata {
|
364 | 393 | position: fixed;
|
365 | 394 | top: 0;
|
|
424 | 453 | -webkit-transform: rotate(360deg);
|
425 | 454 | -ms-transform: rotate(360deg);
|
426 | 455 | transform: rotate(360deg); } }
|
427 |
| - |
428 |
| -.ark-page-line { |
429 |
| - z-index: 5002; |
430 |
| - position: absolute; |
431 |
| - width: 100%; |
432 |
| - height: 1px; |
433 |
| - left: 0; |
434 |
| - border-bottom: dashed 1px #262d39; } |
435 |
| - .ark-page-line.ark-mouse-lines { |
436 |
| - border-bottom-style: solid; } |
437 |
| - .ark-page-line .ark-page-line-value { |
438 |
| - background-color: #262d39; |
439 |
| - font-size: 14px; |
440 |
| - padding: 8px 16px; |
441 |
| - border-radius: 0 4px 0 0; |
442 |
| - position: absolute; |
443 |
| - left: 0; |
444 |
| - bottom: -1px; |
445 |
| - color: #fff; } |
446 |
| - .ark-page-line .ark-page-mouse-line-value { |
447 |
| - left: 50%; |
448 |
| - border-radius: 4px 4px 0 0; |
449 |
| - padding: 8px 0; |
450 |
| - width: 190px; |
451 |
| - text-align: center; |
452 |
| - margin-left: -95px; } |
453 |
| - |
454 |
| -.ark-headmap-body-line-none .ark-page-line { |
455 |
| - display: none; } |
0 commit comments