Adjust signal strength scale

betaflight · Aug 2, 2023 · aa0ce50 · aa0ce50
1 parent 99b4515
commit aa0ce50
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/css/tabs/gps.less b/src/css/tabs/gps.less
@@ -23,7 +23,7 @@
 			background-color: #ececec;
 		}
 	}
-	progress {
+	meter {
 		width: 100%;
 		border-radius: 3px;
 	}
@@ -199,14 +199,14 @@
 		float: left;
 	}
 }
-progress[value] {
-	&::-webkit-progress-bar {
+meter[value] {
+	&::-webkit-meter-bar {
 		background-color: #d2d2d2;
 		border-radius: 2px;
 		box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.95);
 		box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset;
 	}
-	&::-webkit-progress-value {
+	&::-webkit-meter-value {
 		background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .15)), -webkit-linear-gradient(left, #ffbb00, #ffbb00);
 		border-radius: 2px;
 		box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25) inset;

diff --git a/src/js/tabs/gps.js b/src/js/tabs/gps.js
@@ -224,7 +224,7 @@ gps.initialize = async function (callback) {
                         <tr>
                             <td>-</td>
                             <td>${FC.GPS_DATA.svid[i]}</td>
-                            <td><progress value="${FC.GPS_DATA.cno[i]}" max="99"></progress></td>
+                            <td><meter value="${FC.GPS_DATA.cno[i]}" max="55"></meter></td>
                             <td>${FC.GPS_DATA.quality[i]}</td>
                         </tr>
                     `);
@@ -235,7 +235,7 @@ gps.initialize = async function (callback) {
                         <tr>
                             <td>-</td>
                             <td>-</td>
-                            <td><progress value="0" max="99"></progress></td>
+                            <td><meter value="0" max="55"></meter></td>
                             <td> </td>
                         </tr>
                     `);
@@ -256,11 +256,11 @@ gps.initialize = async function (callback) {
 
                     if (FC.GPS_DATA.chn[i] >= 7) {
                         rowContent += '<td>-</td>';
-                        rowContent += `<td><progress value="${0}" max="99"></progress></td>`;
+                        rowContent += `<td><meter value="${0}" max="55"></meter></td>`;
                         rowContent += `<td> </td>`;
                     } else {
                         rowContent += `<td>${FC.GPS_DATA.svid[i]}</td>`;
-                        rowContent += `<td><progress value="${FC.GPS_DATA.cno[i]}" max="99"></progress></td>`;
+                        rowContent += `<td><meter value="${FC.GPS_DATA.cno[i]}" max="55"></meter></td>`;
 
                         let quality = i18n.getMessage(qualityArray[FC.GPS_DATA.quality[i] & 0x7]);
                         let used = i18n.getMessage(usedArray[(FC.GPS_DATA.quality[i] & 0x8) >> 3]);