Mirror/betaflight-configurator
1
0
Fork 0
mirror of https://github.com/betaflight/betaflight-configurator.git synced 2025-07-25 17:25:16 +03:00
Code Issues Wiki Activity

modify flasher tab layout (#4429)

Browse source 
* new layout; not 100% sure about it.

* modify flasher tab layout, 2 columns, move warning 2nd last

* Update src/tabs/firmware_flasher.html

Co-authored-by: Mark Haslinghuis <mark@numloq.nl>

---------

Co-authored-by: Mark Haslinghuis <mark@numloq.nl>
This commit is contained in:
nerdCopter 2025-04-21 07:12:09 -05:00 • committed by GitHub
parent 33cb5e255d
commit 05d7a4d317
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 20 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/css/tabs/firmware_flasher.less
View file

@ -131,14 +131,14 @@
} }
@media all and (max-width: 1455px) { @media all and (max-width: 1455px) {
.grid-box { .grid-box {
&.col3 { &.col2 {
grid-template-columns: repeat(2, 1fr); grid-template-columns: 1fr 1fr;
} }
} }
} }
@media all and (max-width: 991px) { @media all and (max-width: 991px) {
.grid-box { .grid-box {
&.col3 { &.col2 {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.col-span-2 { .col-span-2 {

34
src/tabs/firmware_flasher.html
View file

@ -6,7 +6,7 @@
</div> </div>
<div class="tab_sponsor"> <div class="tab_sponsor">
</div> </div>
<div class="grid-box col3"> <div class="grid-box col2">
<div class="options gui_box col-span-1"> <div class="options gui_box col-span-1">
<div class="spacer"> <div class="spacer">
<div> <div>
@ -125,18 +125,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="gui_box gui_warning col-span-2"> <div class="build_configuration gui_box col-span-1">
<div class="gui_box_titlebar">
<div class="spacer_box_title" i18n="warningTitle">
</div>
</div>
<div class="spacer">
<p i18n="firmwareFlasherWarningText"></p>
<br />
<p i18n="firmwareFlasherTargetWarning"></p>
</div>
</div>
<div class="build_configuration gui_box col-span-3">
<div class="darkgrey_box gui_box_titlebar"> <div class="darkgrey_box gui_box_titlebar">
<div class="build_configuration_toggle_wrapper"> <div class="build_configuration_toggle_wrapper">
<label id="build_configuration_toggle_label"> <label id="build_configuration_toggle_label">
@ -190,7 +179,7 @@
</div> </div>
</div> </div>
<div class="spacer hide-in-core-build-mode"> <div class="spacer hide-in-core-build-mode">
<div class="grid-box col2"> <div class="grid-box col1">
<div class="select-group"> <div class="select-group">
<strong i18n="firmwareFlasherBuildOptions"></strong> <strong i18n="firmwareFlasherBuildOptions"></strong>
<div id="optionsInfo" class="build-options-wrapper"> <div id="optionsInfo" class="build-options-wrapper">
@ -202,7 +191,7 @@
</div> </div>
</div> </div>
<div class="expertOptions spacer hide-in-core-build-mode"> <div class="expertOptions spacer hide-in-core-build-mode">
<div class="grid-box col2"> <div class="grid-box col1">
<div class="select-group"> <div class="select-group">
<strong i18n="firmwareFlasherBuildCustomDefines"></strong> <strong i18n="firmwareFlasherBuildCustomDefines"></strong>
<div id="customDefinesInfo" class="build-options-wrapper"> <div id="customDefinesInfo" class="build-options-wrapper">
@ -222,7 +211,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="release_info gui_box col-span-3"> <div class="release_info gui_box col-span-1">
<div class="darkgrey_box gui_box_titlebar"> <div class="darkgrey_box gui_box_titlebar">
<div class="spacer_box_title" i18n="firmwareFlasherReleaseSummaryHead"> <div class="spacer_box_title" i18n="firmwareFlasherReleaseSummaryHead">
</div> </div>
@ -268,7 +257,18 @@
</div> </div>
</div> </div>
</div> </div>
<div class="gui_box gui_note col-span-3"> <div class="gui_box gui_warning col-span-1">
<div class="gui_box_titlebar">
<div class="spacer_box_title" i18n="warningTitle">
</div>
</div>
<div class="spacer">
<p i18n="firmwareFlasherWarningText"></p>
<br />
<p i18n="firmwareFlasherTargetWarning"></p>
</div>
</div>
<div class="gui_box gui_note col-span-1">
<div class="gui_box_titlebar"> <div class="gui_box_titlebar">
<div class="spacer_box_title" i18n="firmwareFlasherRecoveryHead"></div> <div class="spacer_box_title" i18n="firmwareFlasherRecoveryHead"></div>
</div> </div>