Fixing tab area (when log is open) = now scrollable. Also fixed: receiverMSP Button
Albert Kravcov
parent
4e8fc955b0
commit
34a45e0b9b
28
main.css
28
main.css
|
|
@ -111,9 +111,9 @@ input[type="number"]::-webkit-inner-spin-button {
|
|||
}
|
||||
|
||||
.headerbar {
|
||||
height:110px;
|
||||
width:100%;
|
||||
background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));
|
||||
height:110px;
|
||||
width:100%;
|
||||
background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -512,6 +512,13 @@ input[type="number"]::-webkit-inner-spin-button {
|
|||
background-color: #2e2e2e;
|
||||
}
|
||||
|
||||
.tab_container.logopen {
|
||||
height: calc(100% - 235px);
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
|
||||
#tabs {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
|
@ -523,7 +530,6 @@ input[type="number"]::-webkit-inner-spin-button {
|
|||
|
||||
#tabs.logopen ul {
|
||||
/* Cause the height to shrink to contain its floated contents while log is open */
|
||||
|
||||
}
|
||||
|
||||
.header-wrapper .mode-connected {
|
||||
|
|
@ -885,13 +891,8 @@ dialog {
|
|||
}
|
||||
|
||||
.content_wrapper {
|
||||
/* leave 20px side padding always */
|
||||
/*padding: 0 20px 0 20px;
|
||||
for testing: */
|
||||
padding: 20px;
|
||||
position: relative;
|
||||
/*float: left;
|
||||
width:calc(100% - 40px);*/
|
||||
padding: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content_toolbar {
|
||||
|
|
@ -1097,9 +1098,6 @@ dialog {
|
|||
}
|
||||
|
||||
.fixed_band .save_btn a {
|
||||
/* line-height:20px;
|
||||
padding:3px 13px 5px 13px;
|
||||
*/
|
||||
margin-top: 9px;
|
||||
margin-bottom: 0px;
|
||||
margin-right: 20px;
|
||||
|
|
@ -1353,7 +1351,7 @@ dialog {
|
|||
border-radius: 3px;
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.fixfalse {
|
||||
background-color: #e60000;
|
||||
|
|
|
|||
6
main.js
6
main.js
|
|
@ -367,8 +367,8 @@ $("#showlog").on('click', function() {
|
|||
if ( state ) {
|
||||
$("#log").animate({height: 27}, 200);
|
||||
$("#log").removeClass('active');
|
||||
$("#content").removeClass('logopen');
|
||||
$("#tabs").removeClass('logopen');
|
||||
$("#content").removeClass('logopen');
|
||||
$(".tab_container").removeClass('logopen');
|
||||
$("#scrollicon").removeClass('active');
|
||||
|
||||
state = false;
|
||||
|
|
@ -376,7 +376,7 @@ $("#showlog").on('click', function() {
|
|||
$("#log").animate({height: 111}, 200);
|
||||
$("#log").addClass('active');
|
||||
$("#content").addClass('logopen');
|
||||
$("#tabs").addClass('logopen');
|
||||
$(".tab_container").addClass('logopen');
|
||||
$("#scrollicon").addClass('active');
|
||||
|
||||
state = true;
|
||||
|
|
|
|||
|
|
@ -98,10 +98,44 @@ body {
|
|||
left: -65px;
|
||||
}
|
||||
|
||||
.button-enable {
|
||||
padding: 0.5em;
|
||||
font-size: 110%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
font-family: 'open_sanssemibold', Arial;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.button-enable a {
|
||||
/* common styles for content toolbar buttons */
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
margin-left: 0px;
|
||||
background-color: #59aa29;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #4c8829;
|
||||
color: #fff;
|
||||
float: left;
|
||||
font-family: 'open_sansbold', Arial;
|
||||
font-size: 12px;
|
||||
text-shadow: 0px 1px rgba(0, 0, 0, 0.25);
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
transition: all ease 0.2s;
|
||||
padding: 0px;
|
||||
padding-left: 9px;
|
||||
padding-right: 9px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.button-enable a:hover {
|
||||
background-color: #6ac435;
|
||||
transition: all ease 0.2s;
|
||||
}
|
||||
.button-enable a:active {
|
||||
background-color: #4d9324;
|
||||
transition: all ease 0.0s;
|
||||
box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
|
@ -1,5 +1,6 @@
|
|||
<html>
|
||||
<head>
|
||||
<link type="text/css" rel="stylesheet" href="../css/opensans_webfontkit/fonts.css" media="all" />
|
||||
<script type="text/javascript" src="/js/libraries/jquery-2.1.4.min.js"></script>
|
||||
<script type="text/javascript" src="/js/libraries/jquery-ui-1.11.4.min.js"></script>
|
||||
<script type="text/javascript" src="/js/libraries/jquery.nouislider.all.min.js"></script>
|
||||
|
|
@ -56,7 +57,9 @@
|
|||
This feature does not guarantee reliable control of your craft. <strong>Serious injury is likely to
|
||||
result if propellers are left on.</strong>
|
||||
</p>
|
||||
<button class="button-enable" type="button">Enable controls</button>
|
||||
<div class="button-enable btn">
|
||||
<a class="button-enable" href="#">Enable controls</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue