diff --git a/docs/app/core.js b/docs/app/core.js index c4e87b9d..e45e5f5f 100644 --- a/docs/app/core.js +++ b/docs/app/core.js @@ -972,7 +972,7 @@ window.S = Object.assign({ tbSecView: '👁 View/Set', tbSecCharts: '📋 Charts', tbSecExport: '📤 Export/import', - tbSecWeather: 'ℹī¸ Information', + tbSecWeather: '🗂 Extra layers', tbSecSim: '✈ Simulator', tbSimConnect: 'Connect to simulator', tbSimDisconnect: 'Disconnect from simulator', diff --git a/docs/app/style.css b/docs/app/style.css index bda5896f..552c20eb 100644 --- a/docs/app/style.css +++ b/docs/app/style.css @@ -270,6 +270,26 @@ body.theme-light .leaflet-image-layer.ims-pwx-layer { border-radius: 6px; padding: 4px 6px; margin-top: 4px; + display: flex; + flex-direction: column; + gap: 3px; +} +/* Uniform layout for every layer card: stacked controls with even spacing, + small sub-control labels, and full-width selects. */ +.tb-group-box [id$="-controls"] { + display: flex; + flex-direction: column; + gap: 3px; +} +/* The display:flex above must not defeat the `hidden` attribute (equal + specificity, later rule) — keep hidden boxes/controls hidden. */ +.tb-group-box[hidden], +.tb-group-box [id$="-controls"][hidden] { display: none; } +.tb-group-box .navtoggle > span:first-child { font-size: 11px; } /* sub-control row labels */ +.tb-group-box select { + width: 100%; + font: inherit; + font-size: 11px; } .tb-group { display: flex; @@ -555,7 +575,7 @@ body.theme-light .leaflet-image-layer.ims-pwx-layer { } .tb-section[data-sec="export"] .tb-section-body, - .tb-section[data-sec="sim"] .tb-section-body, + .tb-section[data-sec="weather"] .tb-section-body, .tb-section[data-sec="print"] .tb-section-body { right: 0; left: auto; @@ -567,7 +587,7 @@ body.theme-light .leaflet-image-layer.ims-pwx-layer { } html[dir="rtl"] .tb-section[data-sec="export"] .tb-section-body, - html[dir="rtl"] .tb-section[data-sec="sim"] .tb-section-body, + html[dir="rtl"] .tb-section[data-sec="weather"] .tb-section-body, html[dir="rtl"] .tb-section[data-sec="print"] .tb-section-body { right: auto; left: 0; @@ -645,7 +665,7 @@ body.theme-light .leaflet-image-layer.ims-pwx-layer { #toolbar.multi-open .tb-section[data-sec="display"] .tb-section-body { left: calc(28.57vw + 4px); } #toolbar.multi-open .tb-section[data-sec="charts"] .tb-section-body { left: calc(42.855vw + 2px); } #toolbar.multi-open .tb-section[data-sec="export"] .tb-section-body { left: 57.14vw; } - #toolbar.multi-open .tb-section[data-sec="sim"] .tb-section-body { left: calc(71.425vw - 2px); } + #toolbar.multi-open .tb-section[data-sec="weather"] .tb-section-body { left: calc(71.425vw - 2px); } #toolbar.multi-open .tb-section[data-sec="print"] .tb-section-body { left: calc(85.71vw - 4px); } #toolbar .tb-section-body button, diff --git a/docs/i18n/he/strings.js b/docs/i18n/he/strings.js index d9c1625e..fa9a3617 100644 --- a/docs/i18n/he/strings.js +++ b/docs/i18n/he/strings.js @@ -482,7 +482,7 @@ window.S = { tbSecView: '👁 ×Ē×Ļוגה/הגדרה', tbSecCharts: '📋 דפיו×Ē', tbSecExport: '📤 יי×Ļוא/ייבוא', - tbSecWeather: 'ℹī¸ מיד×ĸ', + tbSecWeather: '🗂 שכבו×Ē נוספו×Ē', tbSecSim: '✈ סימולטור', tbSimConnect: 'ה×Ēחבר לסימולטור', tbSimDisconnect: 'ה×Ē× ×Ēק מהסימולטור', diff --git a/docs/index.html b/docs/index.html index 89dcb315..1c567d3c 100644 --- a/docs/index.html +++ b/docs/index.html @@ -120,7 +120,7 @@ - +
+
- - -