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

Create room for status wrapper on smaller windows

Browse source
This commit is contained in:
Benjamin Dudok 2018-12-08 23:31:12 +01:00
parent 15743a9b06
commit ddef96e4f5
1 changed files with 51 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

58
src/css/main.css
View file

@ -132,11 +132,11 @@ input[type="number"]::-webkit-inner-spin-button {
z-index: 0;
background-image: url(../images/light-wide-2.svg);
background-repeat: no-repeat;
width: 340px;
width: 240px;
background-position: left center;
background-size: contain;
margin-left: 15px;
margin-top: 18px;
margin-top: 14px;
}
.logo_text {
@ -147,12 +147,24 @@ input[type="number"]::-webkit-inner-spin-button {
top: 50px;
color: #949494;
opacity: 0.5;
font-size: 10px;
}
.logo_text .version {
float: right;
}
@media all and (min-width: 1125px) {
#logo {
margin-top: 18px;
width: 340px;
}
.logo_text {
font-size: inherit;
}
}
#port-picker {
position: relative;
width: 100%;
@ -209,7 +221,7 @@ input[type="number"]::-webkit-inner-spin-button {
#sensor-status {
margin-top: 20px;
float: right;
margin-right: 20px;
margin-right: 10px;
line-height: 2px;
height: 67px;
border-radius: 5px;
@ -219,6 +231,12 @@ input[type="number"]::-webkit-inner-spin-button {
background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.55));
}
@media all and (min-width: 1125px) {
#sensor-status {
margin-right: 20px;
}
}
#sensor-status li {
float: left;
height: 67px;
@ -1458,6 +1476,13 @@ dialog {
margin-left: 20px;
}
@media all and (min-width: 1125px) {
.connect_controls {
margin-left: 10px;
margin-right: 15px;
}
}
/* firmware update button */
.open_firmware_flasher {
position: relative;
@ -1466,8 +1491,15 @@ dialog {
top: 19px;
height: 70px;
width: 60px;
margin-right: 20px;
margin-left: 20px;
margin-right: 10px;
margin-left: 10px;
}
@media all and (min-width: 1125px) {
.open_firmware_flasher {
margin-right: 20px;
margin-left: 20px;
}
}
.connect_b {
@ -1636,7 +1668,7 @@ dialog {
margin-top: 20px;
width:125px;
float: right;
margin-right: 10px;
margin-right: 5px;
line-height: 12px;
height: 33px;
border-radius: 5px;
@ -1650,6 +1682,12 @@ dialog {
}
@media all and (min-width: 1125px) {
#dataflash_wrapper_global {
margin-right: 10px;
}
}
.dataflash-contents_global {
margin-top: 18px;
border: 1px solid #4A4A4A;
@ -1732,7 +1770,7 @@ dialog {
margin-top: 20px;
width: 90px;
float: right;
margin-right: 20px;
margin-right: 10px;
line-height: 12px;
height: 67px;
border-radius: 5px;
@ -1743,6 +1781,12 @@ dialog {
text-shadow: 0px 1px rgba(0, 0, 0, 1.0);
}
@media all and (min-width: 1125px) {
#quad-status_wrapper {
margin-right: 20px;
}
}
.quad-status-contents {
display: none;
margin-top: 10px;