mapshaper 0.7.68 → 0.7.69

package/www/page.css

@@ -995,8 +995,12 @@ body:not(.sidebar-open) .intersection-display {
 	fill: var(--theme-col);
 }
 
+.sidebar-tab.layer-tab {
+	padding-bottom: 6px;
+}
+
 .sidebar-tab.console-tab {
-	padding-top: 8px;
+	padding-top: 7px;
 }
 
 .sidebar-tab:hover .sidebar-icon * {
@@ -2614,7 +2618,7 @@ body.pan.panning .map-layers:not(.drawing) {
 }
 
 .pointer-btn .nav-sub-menu {
-	top: -3px;
+	top: -2px;
 }
 
 .nav-btn.open .nav-sub-menu {
@@ -2843,6 +2847,69 @@ body.pan.panning .map-layers:not(.drawing) {
 	width: 264px;
 }
 
+.scalebar-properties-popup {
+	width: 264px;
+}
+
+.scalebar-properties-form.label-style-panel {
+	background: transparent;
+	border: 0;
+	border-radius: 0;
+	box-shadow: none;
+	box-sizing: border-box;
+	max-height: none;
+	overflow: visible;
+	padding: 0;
+	position: static;
+	width: 100%;
+}
+
+.label-style-row.scalebar-row {
+	align-items: end;
+	display: grid;
+	gap: 6px;
+}
+
+.scalebar-two-col {
+	grid-template-columns: 1fr 1fr;
+}
+
+.scalebar-row select {
+	box-sizing: border-box;
+	min-width: 0;
+	width: 100%;
+}
+
+.scalebar-row > * {
+	min-width: 0;
+}
+
+/* The bottom padding puts the text on the baseline of the menu beside it.
+   Baseline alignment doesn't: Chrome puts a select's baseline 2px above the
+   text it shows. */
+.scalebar-checkbox {
+	align-items: center;
+	display: flex;
+	padding-bottom: 2px;
+	font-size: 12px;
+	gap: 4px;
+	white-space: nowrap;
+}
+
+/* centered on the menu, which the text's baseline alignment leaves it below */
+.scalebar-checkbox input {
+	margin: 0;
+	position: relative;
+	top: -2px;
+	width: auto;
+}
+
+.scalebar-properties-note {
+	color: #a33;
+	font-size: 12px;
+	margin-bottom: 8px;
+}
+
 /* The field tips are drawn above the "?" that opens them, which the box's own
    overflow would clip. The dialog is three rows and two buttons and never has
    anything to scroll. */
@@ -3269,6 +3336,37 @@ body.pan.panning .map-layers:not(.drawing) {
 	color: #555;
 }
 
+/* A "?" just after its caption rather than floated to the far edge of the row,
+   and in the caption's size, so it reads as part of the caption. */
+.label-style-panel .label-style-row-label > .tip-button {
+	float: none;
+	margin: 0 0 0 4px;
+	font-size: 12px;
+	font-weight: bold;
+}
+
+/* The panel sits at the top of the map, where a bubble drawn above its "?"
+   would go under the page header, so these open downward, tail pointing up. */
+.label-style-panel .label-style-row-label > .tip-button .tip-anchor {
+	bottom: auto;
+	top: 22px;
+}
+
+.label-style-panel .label-style-row-label > .tip-button .tip:after,
+.label-style-panel .label-style-row-label > .tip-button .tip:before {
+	top: auto;
+	bottom: 100%;
+	border-top-color: transparent;
+}
+
+.label-style-panel .label-style-row-label > .tip-button .tip:after {
+	border-bottom-color: #fff;
+}
+
+.label-style-panel .label-style-row-label > .tip-button .tip:before {
+	border-bottom-color: #999;
+}
+
 .label-split-row .label-split-cell + .label-split-cell {
 	white-space: nowrap;
 }
@@ -4496,7 +4594,7 @@ body.dragging-color-picker * {
 
 .simplify-control .handle {
 	position: absolute;
-	top: -3px;
+	top: -2px;
 }
 
 .simplify-control .handle img {