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

move buttons to the bottom of firmware flasher

Browse source
This commit is contained in:
cTn 2014-05-08 14:56:03 +02:00
parent 937065ea39
commit ccee927c77
2 changed files with 50 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

75
tabs/firmware_flasher.css
View file

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

11
tabs/firmware_flasher.html
View file

@ -22,12 +22,6 @@
</label><br /> </label><br />
</div> </div>
<div class="clear-both"></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="git_info">
<div class="title" i18n="firmwareFlasherGithubInfoHead"></div> <div class="title" i18n="firmwareFlasherGithubInfoHead"></div>
<p> <p>
@ -41,5 +35,10 @@
<p i18n="firmwareFlasherWarningText"> <p i18n="firmwareFlasherWarningText">
</p> </p>
</div> </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>
<a class="back" href="#" i18n="firmwareFlasherButtonLeave"></a> <a class="back" href="#" i18n="firmwareFlasherButtonLeave"></a>
</div> </div>
</div>