sundowndev
/
betaflight-configurator
mirror of https://github.com/sundowndev/betaflight-configurator.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Motors tab: moved motor tool buttons away from the bottom panel

10.8-maintenance
Ivan Efimov 2022-03-04 03:43:45 -06:00
parent 5b1845ff74
commit 3fcd420903
2 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/css/tabs/motors.css
View File

@ -8,9 +8,9 @@
border: 1px solid var(--subtleAccent); border: 1px solid var(--subtleAccent);
width: fit-content; width: fit-content;
height: 20px; height: 20px;
float: left;
margin-right: 55px; margin-right: 55px;
border-radius: 3px; border-radius: 3px;
min-width: 150px;
} }
.tab-motors table { .tab-motors table {
@ -59,7 +59,7 @@
.tab-motors .mixerPreview img { .tab-motors .mixerPreview img {
width: 150px; width: 150px;
height: 150px; height: 150px;
margin-left: 18px; margin-left: 10px;
} }
.tab-motors select .escprotocol { .tab-motors select .escprotocol {
@ -158,6 +158,18 @@
width: calc(100% - 20px); width: calc(100% - 20px);
} }
.tab-motors .spacer_box.mixer_settings {
padding-bottom: 0px;
}
.tab-motors .motor_direction_reversed {
padding-top: 10px;
}
.tab-motors .motor_tool_buttons {
padding-left: 10px;
}
.tab-motors .disarm { .tab-motors .disarm {
margin-bottom: 5px; margin-bottom: 5px;
float: left; float: left;

26
src/tabs/motors.html
View File

@ -16,10 +16,17 @@
<div class="gui_box_titlebar"> <div class="gui_box_titlebar">
<div class="spacer_box_title" i18n="configurationMixer"></div> <div class="spacer_box_title" i18n="configurationMixer"></div>
</div> </div>
<div class="spacer_box"> <div class="spacer_box mixer_settings">
<select class="mixerList" id="mixer"> <select class="mixerList" id="mixer">
<!-- list generated here --> <!-- list generated here -->
</select> </select>
<div class="motor_direction_reversed">
<div style="float: left; height: 20px; margin-right: 15px; margin-left: 3px;">
<input type="checkbox" id="reverseMotorSwitch" class="toggle" />
</div>
<span class="freelabel" i18n="configurationReverseMotorSwitch"></span>
<div class="helpicon cf_tip" i18n_title="configurationReverseMotorSwitchHelp"></div>
</div>
</div> </div>
<div class="grid-row"> <div class="grid-row">
<div class="grid-col col6"> <div class="grid-col col6">
@ -28,14 +35,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="spacer_box reverseMotor"> <div class="btn motor_tool_buttons">
<div class="topBorderLine"> <a href="#" id="motorOutputReorderDialogOpen" class="tool regular-button" i18n="motorOutputReorderDialogOpen"></a>
<div style="float: left; height: 20px; margin-right: 15px; margin-left: 3px;"> <a href="#" id="escDshotDirectionDialog-Open" class="tool regular-button" i18n="escDshotDirectionDialog-Open"></a>
<input type="checkbox" id="reverseMotorSwitch" class="toggle" />
</div>
<span class="freelabel" i18n="configurationReverseMotorSwitch"></span>
<div class="helpicon cf_tip" i18n_title="configurationReverseMotorSwitchHelp"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -361,11 +363,6 @@
<div class="clear-both"></div> <div class="clear-both"></div>
<div class="content_toolbar"> <div class="content_toolbar">
<div class="btn">
<a href="#" id="motorOutputReorderDialogOpen" class="tool regular-button" i18n="motorOutputReorderDialogOpen"></a>
<a href="#" id="escDshotDirectionDialog-Open" class="tool regular-button" i18n="escDshotDirectionDialog-Open"></a>
</div>
<div class="btn"> <div class="btn">
<a class="save disabled" href="#" i18n="motorsButtonSave"></a> <a class="save disabled" href="#" i18n="motorsButtonSave"></a>
</div> </div>
@ -409,5 +406,4 @@
<a href="#" id="escDshotDirectionDialog-closebtn" class="regular-button right" i18n="close"></a> <a href="#" id="escDshotDirectionDialog-closebtn" class="regular-button right" i18n="close"></a>
</div> </div>
</dialog> </dialog>
</div> </div>