betaflight-configurator/tabs/pid_tuning.css

146 lines
2.6 KiB
CSS

.tab-pid_tuning {
}
.tab-pid_tuning input[type="number"]::-webkit-inner-spin-button {
border: 0;
}
.tab-pid_tuning table {
float: left;
margin-bottom: 10px;
border-collapse: collapse;
}
.tab-pid_tuning table,
.tab-pid_tuning table th,
.tab-pid_tuning table td {
padding: 4px;
border: 1px solid #8b8b8b;
}
.tab-pid_tuning table tr td:first-child {
text-align: center;
width:30%;
}
.tab-pid_tuning table td {
padding: 1px;
}
.tab-pid_tuning table tr:nth-child(odd) {
background-color: #ececec;
}
.tab-pid_tuning table input {
display: block;
width: 100%;
height: 20px;
line-height: 20px;
text-align: right;
}
.tab-pid_tuning .controller {
float: left;
width: calc(40% - 10px);
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #8b8b8b;
}
.tab-pid_tuning .controller .head {
display: block;
text-align: center;
line-height: 20px;
font-weight: bold;
border-bottom: 1px solid #8b8b8b;
background-color: #ececec;
}
.tab-pid_tuning .controller select {
width: 100%;
height: 20px;
line-height: 20px;
}
.tab-pid_tuning .profile {
float: left;
width: calc(18% - 2px); /* - border*/
border: 1px solid #8b8b8b;
}
.tab-pid_tuning .profile .head {
display: block;
text-align: center;
line-height: 20px;
font-weight: bold;
border-bottom: 1px solid #8b8b8b;
background-color: #ececec;
}
.tab-pid_tuning .profile select {
width: 100%;
padding-left: calc(100% - 35px);
height: 20px;
line-height: 20px;
}
.tab-pid_tuning .pid_tuning {
width: 100%;
}
.tab-pid_tuning .pid_tuning .name {
width: 30%;
}
.tab-pid_tuning .rate-tpa {
float: right;
width: calc(100% - 0px); /* - ( "virtual" margin) */
}
.tab-pid_tuning .buttons {
right:10px;
bottom: 10px;
}
.tab-pid_tuning .update,
.tab-pid_tuning .refresh {
display: block;
float: right;
height: 28px;
line-height: 28px;
padding: 0 15px 0 15px;
text-align: center;
font-weight: bold;
border: 1px solid silver;
background-color: #ececec;
}
.tab-pid_tuning .refresh {
margin-right: 10px;
}
.tab-pid_tuning .update:hover,
.tab-pid_tuning .refresh:hover {
background-color: #dedcdc;
}
.tab-pid_tuning .top-buttons {
float:right;
}
.tab-pid_tuning .fixed_band {
position: fixed;
width: 100%;
bottom: 0px;
}
@media only screen and (max-width: 1055px), only screen and (max-device-width: 1055px) {
.tab-pid_tuning .fixed_band {
width: calc(100% - -5px);
bottom: 0px;
}
.tab-pid_tuning .fixed_band .save_btn a {
margin-right:15px;
}
}