Mirror/inav-configurator
1
0
Fork 0
mirror of https://github.com/iNavFlight/inav-configurator.git synced 2025-07-26 01:35:23 +03:00
Code Wiki Activity

new appearance of the interface, need testing

Browse source
This commit is contained in:
Sergej Pozdnyakov 2018-03-01 20:58:37 +03:00
parent 725e480400
commit 87e092cbcb
7 changed files with 322 additions and 163 deletions
Download patch file Download diff file Expand all files Collapse all files

242
src/css/tabs/mission_planer.css
View file

@ -1,20 +1,56 @@
.tab-calibration .content_toolbar {
height: 100px;
.tab-mission-control .btn a {
/* common styles for content toolbar buttons */
/*margin-top: 0;*/
/*margin-bottom: 0;*/
/*margin-right: 20px;*/
background-color: #37a8db;
border-radius: 3px;
border: 1px solid #3394b5;
color: #fff;
/*float: right;*/
font-family: 'open_sansbold', Arial, serif;
font-size: 12px;
text-shadow: 0 1px rgba(0, 0, 0, 0.25);
display: block;
cursor: pointer;
transition: all ease 0.2s;
padding: 0 9px;
line-height: 28px;
margin: 5px;
float: left;
width: 130px;
text-align: center;
}
.tab-mission-control .waypoint {
padding-left: 19px;
padding-right: 19px;
/*padding-bottom: 10px;*/
.tab-mission-control .btn a:hover {
background-color: #3394b5;
transition: all ease 0.2s;
}
.tab-mission-control .waypoint-left {
width: 54%;
float: left;
padding-right: 5px;
.tab-mission-control .btn a:active {
background-color: #37a8db;
transition: all ease 0.0s;
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
}
.tab-mission-control .waypoint-right{
width: 40%;
float: right;
.tab-mission-control .btn a.disabled {
cursor: default;
color: #fff;
background-color: #AFAFAF;
border: 1px solid #AFAFAF;
pointer-events: none;
text-shadow: none;
opacity: 0.5;
}
.tab-mission-control .btn-danger a {
background-color: #db250e;
border: 1px solid #b5480e;
}
.tab-mission-control .btn-danger a:hover {
background-color: #b5480e;
transition: all ease 0.2s;
}
.tab-mission-control .checksfail {
@ -28,6 +64,26 @@
background-repeat:no-repeat;
}
.tab-mission-control .content_wrapper {
display: flex;
/*height: 150px;*/
height: 90%;
/*width: 75%;*/
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
padding-bottom: 5px;
padding-top: 5px;
}
.tab-mission-control {
height: 100%;
}
#missionMap {
height: 100%;
}
.tab-mission-control input {
width: 115px;
padding-left: 3px;
@ -36,87 +92,119 @@
text-align: left;
border: 1px solid silver;
border-radius: 3px;
margin-left: 11px;
font-size: 12px;
font-weight: normal;
}
.tab-mission-control select {
width: 118px;
padding-left: 3px;
height: 20px;
line-height: 20px;
text-align: left;
border: 1px solid silver;
border-radius: 3px;
font-size: 12px;
font-weight: normal;
}
.tab-mission-control .point {
display: inline-block;
display: block;
margin-bottom: 5px;
margin-left: 5px;
}
.tab-mission-control .point-label {
width: 60px;
display: inline-block;
}
@media (max-width: 1236px) {
.tab-mission-control .waypoint-left {
width: 96%;
}
.tab-mission-control .waypoint-right{
width: 96%;
float: left;
padding-right: 19px;
}
.tab-mission-control .content_toolbar {
height: 240px;
}
.tab-mission-control .content_wrapper {
height: calc(100% - 240px);
}
}
/*.tab-calibration .content_toolbar {*/
/*height: 100px;*/
/*}*/
/* Need test! */
.tab-mission-control .content_toolbar {
display: flex;
/*height: 150px;*/
height: auto;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
/*.tab-mission-control .waypoint {*/
/*padding-left: 19px;*/
/*padding-right: 19px;*/
/*!*padding-bottom: 10px;*!*/
/*}*/
/*.tab-mission-control .waypoint-left {*/
/*width: 54%;*/
/*float: left;*/
/*padding-right: 5px;*/
/*}*/
/*.tab-mission-control .waypoint-right{*/
/*width: 40%;*/
/*float: right;*/
/*}*/
.tab-mission-control .waypoint-left,
.tab-mission-control .waypoint-right {
width: 47%;
float: none;
}
.tab-mission-control .btn.save_btn {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.tab-mission-control .btn.save_btn a{
margin-top: 5px;
}
/*@media (max-width: 1236px) {*/
/*.tab-mission-control .waypoint-left {*/
/*width: 96%;*/
/*}*/
/*.tab-mission-control .waypoint-right{*/
/*width: 96%;*/
/*float: left;*/
/*padding-right: 19px;*/
/*}*/
/*.tab-mission-control .content_toolbar {*/
/*height: 240px;*/
/*}*/
/*.tab-mission-control .content_wrapper {*/
/*height: calc(100% - 240px);*/
/*}*/
/*}*/
.tab-mission-control .gui_box{
width: 100%;
clear: both;
height: 90%;
}
/*!* Need test! *!*/
/*.tab-mission-control .cf_column {*/
/*display: flex;*/
/*!*height: 150px;*!*/
/*height: auto;*/
/*flex-direction: row;*/
/*justify-content: space-between;*/
/*flex-wrap: wrap;*/
/*}*/
.tab-mission-control.toolbar_fixed_bottom{
height: 100%;
}
/*.tab-mission-control .content_wrapper{*/
/*.tab-mission-control .waypoint-left,*/
/*.tab-mission-control .waypoint-right {*/
/*width: 47%;*/
/*float: none;*/
/*}*/
/*.tab-mission-control .btn.save_btn {*/
/*display: flex;*/
/*flex-direction: row;*/
/*flex-wrap: wrap;*/
/*}*/
/*.tab-mission-control .btn.save_btn a{*/
/*margin-top: 5px;*/
/*}*/
/*.tab-mission-control .gui_box{*/
/*width: 100%;*/
/*clear: both;*/
/*height: 90%;*/
/*}*/
/*.tab-mission-control.toolbar_fixed_bottom{*/
/*height: 100%;*/
/*}*/
/*!*.tab-mission-control .content_wrapper{*!*/
/*!*height: 100%;*!*/
/*!*}*!*/
/*#missionMap{*/
/*height: 100%;*/
/*}*/
#missionMap{
height: 100%;
}
@media (max-width: 1252px){
.tab-mission-control .waypoint-left,
.tab-mission-control .waypoint-right {
width: 100%;
}
.tab-mission-control .waypoint-right{
padding-right: 5px;
margin-top: 5px;
}
}
/*@media (max-width: 1252px){*/
/*.tab-mission-control .waypoint-left,*/
/*.tab-mission-control .waypoint-right {*/
/*width: 100%;*/
/*}*/
/*.tab-mission-control .waypoint-right{*/
/*padding-right: 5px;*/
/*margin-top: 5px;*/
/*}*/
/*}*/