forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
fix: overlapping watermark with rotated labels (#1361)
authored by
Vincent Taverna
and committed by
GitHub
5928d543
266c8c14
+3
-5
+2
-4
app/components/Package/VersionDistribution.vue
+2
-4
app/components/Package/VersionDistribution.vue
···
102
102
padding: {
103
103
top: 24,
104
104
right: 24,
105
-
bottom: xAxisLabels.value.length > 10 ? 100 : 88, // Space for rotated labels + watermark
105
+
bottom: xAxisLabels.value.length > 10 ? 84 : 72, // Space for rotated labels + watermark
106
106
left: isMobile.value ? 60 : 80,
107
107
},
108
108
userOptions: {
···
429
429
<!-- Inject npmx logo & tagline during SVG and PNG print -->
430
430
<g
431
431
v-if="svg.isPrintingSvg || svg.isPrintingImg"
432
-
v-html="
433
-
drawNpmxLogoAndTaglineWatermark(svg, watermarkColors, $t, 'belowDrawingArea')
434
-
"
432
+
v-html="drawNpmxLogoAndTaglineWatermark(svg, watermarkColors, $t, 'bottom')"
435
433
/>
436
434
</template>
437
435
+1
-1
app/composables/useChartWatermark.ts
+1
-1
app/composables/useChartWatermark.ts
···
64
64
// Position watermark based on the positioning strategy
65
65
const watermarkY =
66
66
positioning === 'belowDrawingArea'
67
-
? svg.drawingArea.top + svg.drawingArea.height + 48
67
+
? svg.drawingArea.top + svg.drawingArea.height + 58
68
68
: svg.height - npmxLogoHeight
69
69
70
70
const taglineY =