backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-19 10:31:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Show/hide text of "ruler" class

Browse source
This commit is contained in:
Ángel Montero Lamas 2024-08-29 16:45:06 +02:00
parent c2c58c2894
commit bb35d5149c
7 changed files with 86 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

24
modules/ui/style.js
View file

@ -354,16 +354,11 @@ function selectStyleElement() {
if (styleElement === "ruler") {
styleRuler.style.display = "block";
styleStrokeDash.style.display = "block";
styleFont.style.display = "block";
const rulerEl = el.select("polyline");
styleStrokeDasharrayInput.value = rulerEl.attr("stroke-dasharray") || "";
styleStrokeLinecapInput.value = rulerEl.attr("stroke-linecap") || "inherit";
const textEl = el.select("text");
styleSelectFont.value = textEl.attr("font-family") || "inherit";
styleFontSize.value = textEl.attr("font-size") || "10px";
// Ruler preferences
const rulerInitialLength = byId("rulerInitialLength");
if (rulerInitialLength) {
@ -386,6 +381,13 @@ function selectStyleElement() {
const grayColorOutput = byId("rulerGrayLineColorOutput");
if (whiteColorOutput) whiteColorOutput.value = whiteLineColor;
if (grayColorOutput) grayColorOutput.value = grayLineColor;
// Text visibility control
const rulerShowText = byId("rulerShowText");
if (rulerShowText) {
rulerShowText.checked = localStorage.getItem("rulerShowText") !== "false";
rulerShowText.addEventListener("change", toggleRulerText);
}
}
// update group options
@ -1134,6 +1136,18 @@ document.addEventListener('DOMContentLoaded', function() {
}
});
function toggleRulerText() {
const checkbox = byId("rulerShowText");
const showText = checkbox.checked;
// Update visibility for existing rulers
d3.selectAll("g.ruler text").style("display", showText ? "inline" : "none");
console.log(`toggleRulerText called with showText: ${showText}`);
// Save the preference for future rulers
localStorage.setItem("rulerShowText", showText);
}
styleScaleBar.addEventListener("input", function (event) {
const scaleBarBack = scaleBar.select("#scaleBarBack");
if (!scaleBarBack.size()) return;