Mirror/betaflight-configurator
1
0
Fork 0
mirror of https://github.com/betaflight/betaflight-configurator.git synced 2025-07-24 16:55:24 +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) {
.grid-box {
&.col3 {
grid-template-columns: repeat(2, 1fr);
&.col2 {
grid-template-columns: 1fr 1fr;
}
}
}
@media all and (max-width: 991px) {
.grid-box {
&.col3 {
&.col2 {
grid-template-columns: 1fr;
}
.col-span-2 {

34
src/tabs/firmware_flasher.html
View file

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