@sailingrotevista/rotevista-dash 3.0.1 → 3.0.3

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 (3) hide show
  1. package/index.html +2 -2
  2. package/package.json +1 -1
  3. package/style.css +20 -1
package/index.html CHANGED
@@ -12,8 +12,6 @@
12
12
  <body>
13
13
 
14
14
  <div class="main-container">
15
- <!-- STATO CONNESSIONE -->
16
- <div id="status" class="offline">OFFLINE</div>
17
15
 
18
16
  <!-- COLONNA SINISTRA -->
19
17
  <div class="data-box box-stw">
@@ -60,6 +58,8 @@
60
58
 
61
59
  <!-- BUSSOLA CENTRALE -->
62
60
  <div class="box-gauge">
61
+ <!-- STATO CONNESSIONE -->
62
+ <div id="status" class="offline">OFFLINE</div>
63
63
  <svg id="wind-gauge" viewBox="35 38 330 395" preserveAspectRatio="xMidYMid meet">
64
64
  <defs>
65
65
  <clipPath id="boat-clip"><circle cx="200" cy="200" r="50" /></clipPath>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sailingrotevista/rotevista-dash",
3
- "version": "3.0.1",
3
+ "version": "3.0.3",
4
4
  "description": "Public Wind Dashboard with navigation and course aids",
5
5
  "main": "index.js",
6
6
  "publishConfig": {
package/style.css CHANGED
@@ -338,7 +338,21 @@ body {
338
338
  /* ==========================================================================
339
339
  9. WIDGETS E OVERRIDE SVG (GIORNO)
340
340
  ========================================================================== */
341
- #status { position: absolute; top: 10px; right: 10px; font-size: 0.6rem; font-weight: 900; text-transform: uppercase; z-index: 1000; background: rgba(0,0,0,0.05); padding: 2px 6px; border-radius: 4px; }
341
+ #status {
342
+ position: absolute;
343
+ /* Posizionato con un po' di margine dal bordo del riquadro bussola */
344
+ top: 15px;
345
+ right: 15px;
346
+ font-size: 0.6rem;
347
+ font-weight: 900;
348
+ text-transform: uppercase;
349
+ z-index: 1000;
350
+ /* Sfondo leggermente più marcato per leggerlo sopra il quadrante */
351
+ background: rgba(0,0,0,0.08);
352
+ padding: 3px 8px;
353
+ border-radius: 4px;
354
+ letter-spacing: 1px;
355
+ }
342
356
  .online { color: #27ae60; opacity: 0.8; }
343
357
  .offline { color: #c0392b; font-weight: bold; }
344
358
 
@@ -379,6 +393,11 @@ body.night-mode { background-color: #000 !important; color: #ff0000 !important;
379
393
  text-shadow: 0 0 8px rgba(255, 0, 0, 0.4);
380
394
  }
381
395
 
396
+ .night-mode #status {
397
+ background: rgba(255, 0, 0, 0.1);
398
+ color: #ff0000;
399
+ }
400
+
382
401
  /* --- GRAFICI NIGHT MODE: Solo linee, zero abbagliamento --- */
383
402
  .night-mode .graph-wrapper { background: rgba(30, 0, 0, 0.3) !important; border: 1px solid #330000; }
384
403
  .night-mode .sparkline path:first-of-type { display: none !important; }