Add truncating for text in sensors block to improve behavior with dif…

…ferent languages
iNavFlight · Sep 23, 2024 · fb2b8ee · fb2b8ee
1 parent c4a76a4
commit fb2b8ee
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/src/css/main.css b/src/css/main.css
@@ -277,7 +277,7 @@ input[type="number"]::-webkit-inner-spin-button {
 #sensor-status li {
     float: left;
     height: 67px;
-    width: 33px;
+    width: 35px;
     line-height: 18px;
     text-align: center;
     border: 1px solid #373737;
@@ -289,6 +289,19 @@ input[type="number"]::-webkit-inner-spin-button {
     text-shadow: 0 1px rgba(0, 0, 0, 1.0);
 }
 
+#sensor-status li .gyroicon,
+#sensor-status li .accicon,
+#sensor-status li .magicon,
+#sensor-status li .baroicon,
+#sensor-status li .gpsicon,
+#sensor-status li .opflowicon,
+#sensor-status li .sonaricon,
+#sensor-status li .airspeedicon {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 .gyroicon {
     background: url("./../../images/icons/sensor_gyro_off.png") no-repeat top;
     background-size: 43px;