@sailingrotevista/rotevista-dash 2.0.6 → 2.0.8
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.
- package/package.json +1 -1
- package/style.css +6 -4
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -26,7 +26,7 @@ body {
|
|
|
26
26
|
CENTRO: Prende ESATTAMENTE la larghezza che serve al cerchio SVG (auto).
|
|
27
27
|
DX: Prende 1 frazione di tutto lo spazio libero, minimo 160px.
|
|
28
28
|
*/
|
|
29
|
-
grid-template-columns: minmax(
|
|
29
|
+
grid-template-columns: minmax(180px, 1fr) minmax(auto, 3fr) minmax(180px, 1fr);
|
|
30
30
|
grid-template-rows: 100%;
|
|
31
31
|
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
|
|
32
32
|
|
|
@@ -84,6 +84,8 @@ body {
|
|
|
84
84
|
min-width: 400px !important;
|
|
85
85
|
}
|
|
86
86
|
|
|
87
|
+
|
|
88
|
+
|
|
87
89
|
/*
|
|
88
90
|
LOGICA POSIZIONE E LARGHEZZA:
|
|
89
91
|
Il Vento prende solo la larghezza del suo cerchio (auto).
|
|
@@ -112,7 +114,7 @@ body {
|
|
|
112
114
|
|
|
113
115
|
/* Tipografia Extreme per Focus Mode */
|
|
114
116
|
.focus-active .is-focused .value { font-size: clamp(4rem, 25cqh, 4rem) !important; margin-top: 15px; }
|
|
115
|
-
.focus-active .is-focused .scale-labels { font-size: 32px !important; min-width:
|
|
117
|
+
.focus-active .is-focused .scale-labels { font-size: 32px !important; min-width: 40px !important; line-height: 1.2; }
|
|
116
118
|
.focus-active .is-focused .label-row .label { font-size: 2rem !important; }
|
|
117
119
|
.focus-active .is-focused .label-row .unit { font-size: 2rem !important; }
|
|
118
120
|
|
|
@@ -170,12 +172,12 @@ body {
|
|
|
170
172
|
|
|
171
173
|
/* Spostamento verso il centro */
|
|
172
174
|
.left-panel .graph-wrapper { margin-right: -6px; }
|
|
173
|
-
.right-panel .graph-wrapper { margin-left:
|
|
175
|
+
.right-panel .graph-wrapper { margin-left: 666px; }
|
|
174
176
|
|
|
175
177
|
.sparkline { flex-grow: 1; height: 100%; background: transparent !important; display: block; }
|
|
176
178
|
.sparkline path, .sparkline line { stroke-width: 1px !important; transition: all 0.3s ease; }
|
|
177
179
|
|
|
178
|
-
.scale-labels { display: flex; flex-direction: column; justify-content: space-between; font-size: 10px; color: #777; font-weight: bold; min-width:
|
|
180
|
+
.scale-labels { display: flex; flex-direction: column; justify-content: space-between; font-size: 10px; color: #777; font-weight: bold; min-width: 10px; height: 100%; line-height: 1; padding: 2px 0; }
|
|
179
181
|
|
|
180
182
|
/* Simmetria Scale */
|
|
181
183
|
.left-panel .scale-labels { order: 2; text-align: left; padding-left: 4px; border-left: 1px solid rgba(255,255,255,0.08); }
|