@fundar/data-chart-telling 0.0.61 → 0.0.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -319,14 +319,22 @@
|
|
|
319
319
|
white-space: nowrap;
|
|
320
320
|
font-weight: var(--dct-continuous-label-weight, 600);
|
|
321
321
|
}
|
|
322
|
-
|
|
322
|
+
/*
|
|
323
|
+
* Once the two handle labels would otherwise collide, both read
|
|
324
|
+
* top-to-bottom instead of left-to-right — the *same* rotation and the
|
|
325
|
+
* *same* pivot corner for lo and hi, so the two read identically instead
|
|
326
|
+
* of one appearing mirrored against the other. Pivoting on the label's
|
|
327
|
+
* own bottom-left corner (exactly where `left: <anchor>px` already
|
|
328
|
+
* places it) means the rotation doesn't shift the label off its anchor
|
|
329
|
+
* at all — it grows right-and-down from the point it was already
|
|
330
|
+
* sitting at, the same "grow into the bar, not off the container's edge"
|
|
331
|
+
* reasoning as the horizontal anchoring above.
|
|
332
|
+
*/
|
|
333
|
+
.dct-continuous__tick--handle-lo.dct-continuous__tick--vertical,
|
|
334
|
+
.dct-continuous__tick--handle-hi.dct-continuous__tick--vertical {
|
|
323
335
|
transform-origin: left bottom;
|
|
324
336
|
transform: rotate(var(--dct-continuous-label-overlap-rotate, 90deg));
|
|
325
337
|
}
|
|
326
|
-
.dct-continuous__tick--handle-hi.dct-continuous__tick--vertical {
|
|
327
|
-
transform-origin: right bottom;
|
|
328
|
-
transform: rotate(calc(var(--dct-continuous-label-overlap-rotate, 90deg) * -1));
|
|
329
|
-
}
|
|
330
338
|
/* Tick mark below the bar at each non-interactive tick's position. */
|
|
331
339
|
.dct-continuous__tick-mark {
|
|
332
340
|
width: var(--dct-continuous-tick-width, 1px);
|