davidwindham.com / npmx.dev
forked from npmx.dev/npmx.dev
[READ-ONLY] a fast, modern browser for the npm registry
fork atom

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
··· 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
··· 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 =