From 6b70e0e6e959dc7df450e16e031303222f623230 Mon Sep 17 00:00:00 2001 From: Joost De Cock Date: Wed, 22 Dec 2021 18:18:48 +0100 Subject: [PATCH] feat(plugin-scalebox): Added utility classes for better styling support --- config/changelog.yaml | 4 ++++ packages/plugin-scalebox/src/miniscale.js | 4 ++-- packages/plugin-scalebox/src/scalebox.js | 4 ++-- 3 files changed, 8 insertions(+), 4 deletions(-) diff --git a/config/changelog.yaml b/config/changelog.yaml index 52655023885..5e8fe214c0e 100644 --- a/config/changelog.yaml +++ b/config/changelog.yaml @@ -52,6 +52,10 @@ unreleased: plugin-versionfree-svg: - Added (esm) unit tests + Changed: + plugin-scalebox: + - Add utility classes for better styling support + Fixed: plugin-buttons: - Only add snippets once to SVG object diff --git a/packages/plugin-scalebox/src/miniscale.js b/packages/plugin-scalebox/src/miniscale.js index 8e6dd1b84f6..c507583e726 100644 --- a/packages/plugin-scalebox/src/miniscale.js +++ b/packages/plugin-scalebox/src/miniscale.js @@ -55,14 +55,14 @@ export default function (so) { } // Paths this.paths.__miniscaleImperial = new this.Path() - .attr('class', 'scalebox imperial') + .attr('class', 'scalebox imperial fill-current') .move(this.points.__miniscaleImperialTopLeft) .line(this.points.__miniscaleImperialBottomLeft) .line(this.points.__miniscaleImperialBottomRight) .line(this.points.__miniscaleImperialTopRight) .close() this.paths.__miniscaleMetric = new this.Path() - .attr('class', 'scalebox metric') + .attr('class', 'scalebox metric fill-bg') .move(this.points.__miniscaleMetricTopLeft) .line(this.points.__miniscaleMetricBottomLeft) .line(this.points.__miniscaleMetricBottomRight) diff --git a/packages/plugin-scalebox/src/scalebox.js b/packages/plugin-scalebox/src/scalebox.js index 03926d4892d..08ea6f0a3f3 100644 --- a/packages/plugin-scalebox/src/scalebox.js +++ b/packages/plugin-scalebox/src/scalebox.js @@ -65,14 +65,14 @@ export default function (so) { } // Paths this.paths.__scaleboxImperial = new this.Path() - .attr('class', 'scalebox imperial') + .attr('class', 'scalebox imperial fill-current') .move(this.points.__scaleboxImperialTopLeft) .line(this.points.__scaleboxImperialBottomLeft) .line(this.points.__scaleboxImperialBottomRight) .line(this.points.__scaleboxImperialTopRight) .close() this.paths.__scaleboxMetric = new this.Path() - .attr('class', 'scalebox metric') + .attr('class', 'scalebox metric fill-bg') .move(this.points.__scaleboxMetricTopLeft) .line(this.points.__scaleboxMetricBottomLeft) .line(this.points.__scaleboxMetricBottomRight)