@flourish/legend - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

package.json

 {
   "name": "@flourish/legend",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Flourish module for making legend",
@@ -5,0 +5,0 @@ "main": "legend.js",

README.md

@@ -148,3 +148,7 @@ # Flourish legend component
 
+`legend.format(formatFunction)`
 
+Adds a formatter function to format the labels
+
+
 ## Multiple legend instances
@@ -151,0 +155,0 @@

RELEASE_NOTES.md

@@ -0,1 +1,5 @@
+# 2.1.1
+* Tweak spacing
+* Fix wrapping and orientation in discrete color
+
 # 2.1.0
@@ -2,0 +6,0 @@ * Add formatter to discrete color

src/common.js

@@ -44,3 +44,3 @@ function appendTo(container) {
 		.style("font-size", this._state.text_size + "rem")
-		.style("line-height", "1em")
+		.style("line-height", "1.25rem")
 		.style("margin-top", 0)
@@ -47,0 +47,0 @@ .style("margin-bottom", 0)

src/continuous-color/index.js

@@ -90,3 +90,3 @@ import { select } from "d3-selection";
 
-	this._container.style("display", "flex")
+	this._container.style("display", "inline-flex")
 		.style("align-items", "center");
@@ -146,3 +146,3 @@
 		.style("font-size", s.text_size + "rem")
-		.style("line-height", "1em")
+		.style("line-height", "1.25rem")
 		.style("color", s.text_color)
@@ -160,3 +160,3 @@ .text(function () {
 		.style("font-size", s.text_size + "rem")
-		.style("line-height", "1em")
+		.style("line-height", "1.25rem")
 		.style("color", s.text_color)
@@ -163,0 +163,0 @@ .text(function () {

src/discrete-color/index.js

@@ -136,5 +136,7 @@ import { select, event as d3_event } from "d3-selection";
 	var format = this._formatFunction;
-	this._container.style("line-height", "0")
+	this._container.style("line-height", "1.25rem")
 		.style("display", "inline-flex")
-		.style("align-items", "center");
+		.style("flex-wrap", "wrap")
+		.style("align-items", this._state.orientation == "horizontal" ? "center" : "start")
+		.style("flex-direction", this._state.orientation == "horizontal" ? null : "column");
 
@@ -160,3 +162,3 @@ var legend_item_data;
 		.style("line-height", "0")
-		.style("vertical-align", "top")
+		.style("vertical-align", "middle")
 		.style("margin-right", this._state.orientation == "horizontal" ? this._state.text_size * 0.5 + "rem" : "");
@@ -175,3 +177,2 @@
 		.style("font-size", this._state.text_size + "rem")
-		.style("line-height", "1em")
 		.style("color", this._state.text_color)
@@ -182,2 +183,3 @@ .text(function(d) { return format ? format(d.label) : d.label; })
 		.style("user-select", "none")
+		.style("line-height", "1.25rem")
 		.style("display", "inline-block");
@@ -184,0 +186,0 @@

No alert changes

Improved metrics

Total package byte prevSize

159843

increased by0.35%

Lines of code

4075

increased by0.1%

Number of lines in readme file

207

increased by1.97%

No dependency changes