Add Selected to nav alt/heading. Replace dragger with bar on top

This commit is contained in:
James Wilson 2018-08-13 16:41:30 -05:00
parent 7bb2cfe01f
commit 7d61b2aaab
2 changed files with 20 additions and 20 deletions

View file

@ -462,7 +462,7 @@
<div class="infoBlockSection"> <div class="infoBlockSection">
<div class="infoRowLine"> <div class="infoRowLine">
<div class="infoHeading infoRowFluid fourColumnSection1"> <div class="infoHeading infoRowFluid fourColumnSection1">
<span title="The selected altitude in the aircraft's flight management system.">Altitude</span>: <span title="The selected altitude in the aircraft's flight management system.">Selected Altitude</span>:
</div> </div>
<div class="infoData infoRowFluid fourColumnSection2"> <div class="infoData infoRowFluid fourColumnSection2">
<span id="selected_nav_altitude">n/a</span> <span id="selected_nav_altitude">n/a</span>
@ -478,7 +478,7 @@
</div> </div>
<div class="infoRowLine"> <div class="infoRowLine">
<div class="infoHeading infoRowFluid fourColumnSection1"> <div class="infoHeading infoRowFluid fourColumnSection1">
<span title="The selected heading in the aircraft's flight management system.">Heading</span>: <span title="The selected heading in the aircraft's flight management system.">Selected Heading</span>:
</div> </div>
<div class="infoData infoRowFluid fourColumnSection2"> <div class="infoData infoRowFluid fourColumnSection2">
<span id="selected_nav_heading">n/a</span> <span id="selected_nav_heading">n/a</span>

View file

@ -13,7 +13,6 @@ html, body {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
margin: 0; margin: 0;
border-top: 1px solid #ccc;
background: #ffffff; background: #ffffff;
width: 100%; width: 100%;
height: 400px; height: 400px;
@ -119,27 +118,28 @@ html, body {
} }
#splitter-infoblock { #splitter-infoblock {
cursor: ns-resize; cursor: ns-resize;
display: inline-block; display: inline-block;
position: absolute ; position: absolute ;
top: 0px; top: 0px;
right: 0; right: 0;
/* float: right; */
margin-left: auto; margin-left: auto;
width: 24px; width: 24px;
height: 25px; height: 4px;
background-size: 24px 25px; background-size: 24px 25px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0px; background-position: 0px;
background-color: transparent; border: none;
border: none; width: 100%;
background-image: url("images/toggle-height@2x.png"); border-bottom: #234c75;
background-size: cover; background-color: #65819e;
border-bottom-width: 1px;
border-bottom-style: solid;
} }
#close-button { #close-button {
display: inline-block; display: inline-block;
position: absolute; position: absolute;
top: 5px; top: 18px;
color: #00A0E2; color: #00A0E2;
right: 30px; right: 30px;
margin-left: auto; margin-left: auto;
@ -477,7 +477,7 @@ select.error, textarea.error, input.error {
height: 36px; height: 36px;
border-bottom: 1px solid #00A0E2; border-bottom: 1px solid #00A0E2;
padding-left: 18px; padding-left: 18px;
padding-top: 14px; padding-top: 18px;
} }
.highlightedInfo { .highlightedInfo {