@sailingrotevista/rotevista-dash 2.0.9 → 2.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/style.css +34 -15
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sailingrotevista/rotevista-dash",
3
- "version": "2.0.9",
3
+ "version": "2.0.11",
4
4
  "description": "Public Wind Dashboard with navigation and course aids",
5
5
  "main": "index.js",
6
6
  "publishConfig": {
package/style.css CHANGED
@@ -19,18 +19,9 @@ body {
19
19
  width: 100%; height: 100%;
20
20
  padding: 5px; box-sizing: border-box;
21
21
  gap: 8px;
22
-
23
- /*
24
- LAYOUT LIQUIDO DEFINITIVO:
25
- SX: Prende 1 frazione di tutto lo spazio libero, minimo 160px.
26
- CENTRO: Prende ESATTAMENTE la larghezza che serve al cerchio SVG (auto).
27
- DX: Prende 1 frazione di tutto lo spazio libero, minimo 160px.
28
- */
29
- grid-template-columns: minmax(240px, 1fr) minmax(auto, 3fr) minmax(240px, 1fr);
22
+ grid-template-columns: minmax(200px, 1fr) minmax(auto, 3fr) minmax(230px, 1fr);
30
23
  grid-template-rows: 100%;
31
24
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
32
-
33
- /* Assicura che la griglia usi tutto lo spazio orizzontale */
34
25
  justify-content: stretch;
35
26
  }
36
27
 
@@ -156,10 +147,38 @@ body {
156
147
  .dual-label { color: #666; font-size: 0.55rem; font-weight: bold; text-transform: uppercase; margin-bottom: 2px; }
157
148
  .value.dual-val { font-size: clamp(1rem, 22cqh, 2rem); padding-bottom: 0; line-height: 0.9; }
158
149
 
159
- /* BUSSOLA TWD */
160
- .value-with-compass { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 10px; }
161
- .mini-compass { width: clamp(40px, 60cqh, 120px); height: clamp(40px, 60cqh, 120px); background: #000; border-radius: 50%; flex-shrink: 0; border: 1.5px solid #333; box-shadow: inset 0 0 10px rgba(0,0,0,0.8); transition: all 0.4s ease; }
162
- .value-with-compass .value-large { margin: 0; flex-grow: 1; text-align: right; font-size: clamp(1.2rem, 35cqh, 4rem); }
150
+ /* ==========================================================================
151
+ BUSSOLA TWD (CALIBRATA: Forma e Spazio)
152
+ ========================================================================== */
153
+ .value-with-compass {
154
+ display: flex;
155
+ flex: 1;
156
+ justify-content: space-between;
157
+ align-items: center;
158
+ width: 100%;
159
+ gap: 5px;
160
+ }
161
+
162
+ .mini-compass {
163
+ /* Bilanciamento: Grande ma con protezione larghezza per il testo */
164
+ width: min(80cqh, 42cqw);
165
+ height: min(80cqh, 42cqw);
166
+ aspect-ratio: 1 / 1;
167
+ flex-shrink: 0;
168
+ background: #000;
169
+ border-radius: 50%;
170
+ border: 1.5px solid #333;
171
+ box-shadow: inset 0 0 10px rgba(0,0,0,0.8);
172
+ transition: all 0.4s ease;
173
+ }
174
+
175
+ .value-with-compass .value-large {
176
+ margin: 0;
177
+ flex: 1;
178
+ text-align: right;
179
+ font-size: clamp(1rem, 38cqh, 4rem);
180
+ white-space: nowrap;
181
+ }
163
182
 
164
183
  /* ==========================================================================
165
184
  5. GRAFICI E SCALE
@@ -172,7 +191,7 @@ body {
172
191
 
173
192
  /* Spostamento verso il centro */
174
193
  .left-panel .graph-wrapper { margin-right: -6px; }
175
- .right-panel .graph-wrapper { margin-left: 666px; }
194
+ .right-panel .graph-wrapper { margin-left: -6px; }
176
195
 
177
196
  .sparkline { flex-grow: 1; height: 100%; background: transparent !important; display: block; }
178
197
  .sparkline path, .sparkline line { stroke-width: 1px !important; transition: all 0.3s ease; }