mapshaper 0.7.68 → 0.7.70

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 * {
@@ -1693,8 +1697,8 @@ img.eye-btn {
 	box-sizing: border-box;
 	position: absolute;
 	z-index: 40;
-	top: 12px;
-	left: 12px;
+	top: 7px;
+	left: 7px;
 	padding: 5px 0;
 }
 
@@ -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 {
@@ -2770,7 +2774,7 @@ body.pan.panning .map-layers:not(.drawing) {
 	--label-menu-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath fill='none' stroke='%23666' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l4 4 4-4'/%3E%3C/svg%3E");
 	position: absolute;
 	z-index: 21;
-	top: 6px;
+	top: 7px;
 	right: 36px;
 	/* Wide enough for a pair of controls side by side, which is what these
 	   panels are mostly made of: at 185px the narrow column of a pair was too
@@ -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,53 @@ 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;
+}
+
+/* A pattern's size and gap are a pair, measured the same way, so they share
+   the row equally rather than one taking the narrow column. */
+.layer-pattern-size-row {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	column-gap: 10px;
+}
+
+.layer-pattern-size-row .label-split-cell {
+	min-width: 0;
+}
+
+.layer-pattern-code-row input[type="text"] {
+	width: 100%;
+}
+
 .label-split-row .label-split-cell + .label-split-cell {
 	white-space: nowrap;
 }
@@ -4496,7 +4610,7 @@ body.dragging-color-picker * {
 
 .simplify-control .handle {
 	position: absolute;
-	top: -3px;
+	top: -2px;
 }
 
 .simplify-control .handle img {