diff --git a/_locales/en/messages.json b/_locales/en/messages.json index 50846d5e..7d38e979 100755 --- a/_locales/en/messages.json +++ b/_locales/en/messages.json @@ -860,7 +860,7 @@ "message": "Direction and rate" }, "servosLiveMode": { - "message": "Enable Live mode:" + "message": "Enable Live mode" }, "servosButtonSave": { "message": "Save" diff --git a/tabs/firmware_flasher.html b/tabs/firmware_flasher.html index 225f6672..bb35159f 100755 --- a/tabs/firmware_flasher.html +++ b/tabs/firmware_flasher.html @@ -108,7 +108,7 @@
-
-
+
+
\ No newline at end of file diff --git a/tabs/servos.css b/tabs/servos.css index c8c5cbfa..3e4cb4b6 100755 --- a/tabs/servos.css +++ b/tabs/servos.css @@ -1,62 +1,121 @@ .tab-servos { } -.tab-servos input[type="number"]::-webkit-inner-spin-button { - border: 0; -} + .tab-servos .title { margin-top: 0px; line-height: 30px; text-align: center; font-weight: bold; - border: 1px solid #8b8b8b; + border: 1px solid #e4e4e4; border-bottom: 0; - background-color: #ececec; + background-color: #DADADA; + color: #797979; + border-top-right-radius:5px; + border-top-left-radius:5px; } + +.tab-servos table { + margin-bottom: 10px; + width:100%; + border-collapse:collapse; +} + +.tab-servos table, +.tab-servos table th, +.tab-servos table td { + border-left:0px; + border-right:0px; + border-top:0px; +} + +.tab-servos input[type="number"]::-webkit-inner-spin-button { + border: 0; +} + .tab-servos table.directions td.direction select { height: 19px; line-height: 19px; } -.tab-servos table { - width: 100%; - border-collapse: collapse; -} -.tab-servos table th { - line-height: 20px; - text-align: center; - border: 1px solid #8b8b8b; +.tab-servos table th { + padding-top:3px; + padding-bottom:3px; + text-align: center; + border: 1px solid #e4e4e4; } .tab-servos table td { - padding: 1px; - - border: 1px solid #8b8b8b; + border-bottom:1px solid #e4e4e4; + padding-top:6px; + padding-bottom:7px; + padding-left:5px; + padding-right:5px; + border-left:1px solid #e4e4e4; + border-right:1px solid #e4e4e4; } + +.tab-servos table tr:nth-child(even) { + background-color:#f9f9f9; +} + + .tab-servos table tr:first-child { + border-left:1px solid #e4e4e4; + border-right:1px solid #e4e4e4; + background-color: #828885; + color: #FFF; + line-height: 14px; + } + +.tab-servos table td:nth-child(2) { + width:140px; +} + +.tab-servos table td:nth-child(3) { + width:140px; +} + +.tab-servos table td:nth-child(4) { + width:140px; +} + +.tab-servos table td:nth-child(19) { +width:110px; +} + .tab-servos table .main { font-weight: bold; - text-align: center; - background-color: #ececec; } + .tab-servos table .channel { width: 40px; text-align: center; } + +.tab-servos table input { + border: 1px solid silver; + border-radius:3px; + } + +.tab-servos table select { + border: 1px solid silver; +} + .tab-servos table .channel input { vertical-align: middle; } + .tab-servos table input[type="number"] { display: block; - width: 100%; height: 20px; - line-height: 20px; - text-align: right; } + .tab-servos table .direction { } + .tab-servos .direction .name { float: left; display: block; @@ -66,52 +125,61 @@ .tab-servos .direction .alternate { float: left; display: block; - width: 60px; } + .tab-servos .direction .first { float: left; - margin: 2px 10px 0 20px; } + .tab-servos .direction .second { float: left; - margin: 2px 10px 0 0; } -.tab-servos .direction .rate { - width: 200px; - height: 20px; +.tab-servos .direction .rate { + width: 110px; + height: 20px; text-align: center; } + .tab-servos .live { float: left; - - margin-top: 10px; + margin-top: 0px; } + .tab-servos .live span { float: left; } + .tab-servos .live input { float: left; margin: 0 0 0 5px; } + .tab-servos .buttons { width: calc(100% - 20px); - position: absolute; bottom: 10px; } + .tab-servos .require-support { display:none; } + .tab-servos.supported .require-support { display:block; } + .tab-servos .require-upgrade { display:block; } + .tab-servos.supported .require-upgrade { display:none; } + +.tab-servos .live span { + margin-right:10px; +} diff --git a/tabs/servos.html b/tabs/servos.html index 1025b2ac..1af4fe24 100755 --- a/tabs/servos.html +++ b/tabs/servos.html @@ -1,36 +1,36 @@
-
-
Servos
-
- -
-
-
- +
+
Servos
+
+ +
+
+
+
- - - - - - - - - - + + + + + + + + + + -
CH1CH2CH3CH4CH1CH2CH3CH4
-
+ +
-
-
-
-
-

-
-
-
-
-
-
+
+
+
+
+

+
+
+ +
+
+
\ No newline at end of file diff --git a/tabs/servos.js b/tabs/servos.js index 5ed8812b..67e3f57d 100755 --- a/tabs/servos.js +++ b/tabs/servos.js @@ -60,7 +60,7 @@ TABS.servos.initialize = function (callback) { A' + (i+1) + '\ '; } - servoHeader = servoHeader + ''; + servoHeader = servoHeader + ''; for (var i = 0; i < RC.active_channels; i++) { servoCheckbox = servoCheckbox + '\