[Frontend] Styling for TOI element

Fixes #933
Fixes #1193
WIP: Markup and CSS for plots and TC near complete;
TODO: revised styling in tabular views;
This commit is contained in:
Charles Hacskaylo
2016-10-03 15:15:56 -07:00
parent 5cd0c8a4fa
commit d3bf6c5857
6 changed files with 56 additions and 51 deletions

View File

@ -78,13 +78,14 @@
<!-- new wrapper inserted here -->
<div class="gl-plot-wrapper-display-area-and-x-axis">
<!-- TOI element -->
<div class="l-toi-holder show-val val-to-right"
ng-class="{ pinned: true }"
<div class="l-toi-holder show-val"
ng-class="{ pinned: true, 'val-to-right': true }"
style="left: 0%">
<!-- Need text val at bottom, plus vertical line -->
<div class="l-toi l-flex-row">
<span class="l-toi-val flex-elem">Z884.92:25:32 52-90-6102</span>
</div>
<span class="l-toi">
<a class="t-button-unpin icon-button" ng-click="unpin()"></a>
<span class="l-toi-val">21:31:30</span>
</span>
</div>
<div class="gl-plot-coords"