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

move buttons to the bottom of firmware flasher

10.3.x-maintenance
cTn 2014-05-08 14:56:03 +02:00
parent 937065ea39
commit ccee927c77
2 changed files with 50 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

119
tabs/firmware_flasher.css
View File

@ -34,71 +34,26 @@
.tab-firmware_flasher .note .flash_on_connect_wrapper {
display: none;
}
.tab-firmware_flasher .buttons {
margin-bottom: 10px;
}
a.load_file, a.load_remote_file {
display: block;
float: left;
.tab-firmware_flasher .git_info {
display: none;
margin: 0 10px 0 0;
padding: 0 10px 0 10px;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
margin-bottom: 10px;
border: 1px solid silver;
background-color: #ececec;
}
a.load_file:hover, a.load_remote_file:hover {
background-color: #dedcdc;
}
a.flash_firmware {
display: block;
float: left;
.tab-firmware_flasher .git_info .title {
line-height: 20px;
padding: 0 10px 0 10px;
text-align: center;
font-weight: bold;
color: white;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid silver;
background-color: #ececec;
}
a.flash_firmware:hover {
background-color: #dedcdc;
}
a.flash_firmware.locked {
background-color: #b8b8b8;
border-bottom: 1px solid silver;
background-color: #3f4241;
}
a.flash_firmware.locked:hover {
cursor: default;
background-color: #b8b8b8;
.tab-firmware_flasher .git_info p {
padding: 5px;
}
.tab-firmware_flasher .git_info {
display: none;
margin-bottom: 10px;
border: 1px solid silver;
}
.tab-firmware_flasher .git_info .title {
line-height: 20px;
text-align: center;
font-weight: bold;
color: white;
border-bottom: 1px solid silver;
background-color: #3f4241;
}
.tab-firmware_flasher .git_info p {
padding: 5px;
}
.warning {
border: 1px solid silver;
}
@ -115,24 +70,38 @@ a.flash_firmware:hover {
.warning p {
padding: 5px;
}
a.back {
display: block;
.tab-firmware_flasher .buttons {
width: calc(100% - 20px);
position: absolute;
bottom: 10px;
right: 10px;
height: 28px;
line-height: 28px;
padding: 0 15px 0 15px;
text-align: center;
font-weight: bold;
border: 1px solid silver;
background-color: #ececec;
}
a.back:hover {
background-color: #dedcdc;
}
.tab-firmware_flasher .buttons a {
display: block;
float: left;
margin: 0 10px 0 0;
padding: 0 15px 0 15px;
height: 28px;
line-height: 28px;
text-align: center;
font-weight: bold;
border: 1px solid silver;
background-color: #ececec;
}
.tab-firmware_flasher .buttons a:hover {
background-color: #dedcdc;
}
.tab-firmware_flasher .buttons a.flash_firmware.locked {
background-color: #b8b8b8;
}
.tab-firmware_flasher .buttons a.flash_firmware.locked:hover {
cursor: default;
background-color: #b8b8b8;
}
.tab-firmware_flasher .buttons a.back {
float: right;
margin: 0;
}

13
tabs/firmware_flasher.html
View File

@ -22,12 +22,6 @@
</label><br />
</div>
<div class="clear-both"></div>
<div class="buttons">
<a class="load_file" href="#" i18n="firmwareFlasherButtonLoadLocal"></a>
<a class="load_remote_file" href="#" i18n="firmwareFlasherButtonLoadOnline"></a>
<a class="flash_firmware locked" href="#" i18n="firmwareFlasherFlashFirmware"></a>
<div class="clear-both"></div>
</div>
<div class="git_info">
<div class="title" i18n="firmwareFlasherGithubInfoHead"></div>
<p>
@ -41,5 +35,10 @@
<p i18n="firmwareFlasherWarningText">
</p>
</div>
<a class="back" href="#" i18n="firmwareFlasherButtonLeave"></a>
<div class="buttons">
<a class="load_file" href="#" i18n="firmwareFlasherButtonLoadLocal"></a>
<a class="load_remote_file" href="#" i18n="firmwareFlasherButtonLoadOnline"></a>
<a class="flash_firmware locked" href="#" i18n="firmwareFlasherFlashFirmware"></a>
<a class="back" href="#" i18n="firmwareFlasherButtonLeave"></a>
</div>
</div>