From af94769b5389d6bb7651c806ab8d001f889b401f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?V=C3=ADt=20Semr=C3=A1d?= <76877124+VitroidFPV@users.noreply.github.com> Date: Sun, 4 Aug 2024 09:55:45 +0200 Subject: [PATCH] Style: Fix graph layout in Sensors tab (#4122) * Lint: Fix pre-commit lint issue * Style: Fix graph layout in Sensors tab * Style: Add missed styles --- src/css/main.less | 6 + src/js/tabs/gps.js | 2 +- src/tabs/sensors.html | 666 +++++++++++++++++++++--------------------- 3 files changed, 345 insertions(+), 329 deletions(-) diff --git a/src/css/main.less b/src/css/main.less index 85899cee0f..d08f7f3b0f 100644 --- a/src/css/main.less +++ b/src/css/main.less @@ -1652,6 +1652,12 @@ each(range(12), { gap: 1rem; } } +.graph-grid { + width: 100%; + display: grid; + gap: 1rem; + grid-template-columns: auto max-content; +} @media not all and (max-width: 575px) { .visible-on-phone-only { display: none !important; diff --git a/src/js/tabs/gps.js b/src/js/tabs/gps.js index 129e875035..3ab9cfbdc4 100644 --- a/src/js/tabs/gps.js +++ b/src/js/tabs/gps.js @@ -347,7 +347,7 @@ gps.initialize = async function (callback) { const positionalDop = FC.GPS_DATA.positionalDop / 100; $('.GPS_info td.positionalDop').text(`${positionalDop.toFixed(2)}`); } - + updateSignalStrengths(); let gpsFoundPosition = false; diff --git a/src/tabs/sensors.html b/src/tabs/sensors.html index 3229808360..ed03efeb16 100644 --- a/src/tabs/sensors.html +++ b/src/tabs/sensors.html @@ -18,364 +18,374 @@ +
-
-
-
-
-
- -
-
-
- -
-
X:
-
0
-
Y:
-
0
-
Z:
-
0
-
+
+ + + + + + + +
+
+
+
+
+ +
+
+
+ +
+
X:
+
0
+
Y:
+
0
+
Z:
+
0
+
+
- - - - - - - -
+
+
-
-
-
-
-
- -
-
-
- -
-
X:
-
0
-
Y:
-
0
-
Z:
-
0
-
+
+ + + + + + + +
+
+
+
+
+ +
+
+
+ +
+
X:
+
0
+
Y:
+
0
+
Z:
+
0
+
+
- - - - - - - -
-
-
-
-
-
- -
-
-
- -
-
X:
-
0
-
Y:
-
0
-
Z:
-
0
-
+
+ + + + + + + +
+
+
+
+
+ +
+
+
+ +
+
X:
+
0
+
Y:
+
0
+
Z:
+
0
+
+
- - - - - - - -
+
-
-
- -
-
-
-
-
- -
-
X:
-
0
-
+
+ + + + + + + +
+
+ +
+
+
+
+
+ +
+
X:
+
0
+
+
- - - - - - - - -
-
-
-
-
-
- -
-
X:
-
0
-
+
+ + + + + + + +
+
+
+
+
+ +
+
X:
+
0
+
+
- - - - - - - -
-
-
0
-
-
-
- -
-
X:
-
0
-
-
- - - - - - - -
-
-
1
-
-
X:
-
blue
-
-
- - - - - - - -
-
-
2
-
-
X:
-
0
-
-
- - - - - - - -
-
-
3
-
-
X:
-
0
-
-
- - - - - - - -
-
-
4
-
-
X:
-
0
-
-
- - - - - - - -
-
-
5
-
-
X:
-
0
-
-
- - - - - - - -
-
-
6
-
-
X:
-
0
-
-
- - - - - - - -
-
-
7
-
-
X:
-
0
-
+
+ + + + + + + +
+
0
+
+
+
+ +
+
X:
+
0
+
+
+ + + + + + + + +
+
1
+
+
X:
+
blue
+
+
+ + + + + + + + +
+
2
+
+
X:
+
0
+
+
+ + + + + + + + +
+
3
+
+
X:
+
0
+
+
+ + + + + + + + +
+
4
+
+
X:
+
0
+
+
+ + + + + + + + +
+
5
+
+
X:
+
0
+
+
+ + + + + + + + +
+
6
+
+
X:
+
0
+
+
+ + + + + + + + +
+
7
+
+
X:
+
0
+
+
- - - - - - -