mirror of
https://github.com/nasa/openmct.git
synced 2024-12-25 15:51:04 +00:00
2d13745823
WTD-1172 Added stale CSS in _data-status.scss; Added pulse animation in _effects.scss, not used; Removed temp-limits directory and files; Sanding and refining of limits styles and in .tabular;
24 lines
853 B
HTML
24 lines
853 B
HTML
<h1>Static Markup Sandbox</h1>
|
|
|
|
<h2>Plot limits</h2>
|
|
<div ng-init="limits=[
|
|
{type: 'upr', severity: 'red', top: 0, bottom: 90},
|
|
{type: 'upr', severity: 'yellow', top: 10, bottom: 80},
|
|
{type: 'lwr', severity: 'yellow', top: 70, bottom: 20},
|
|
{type: 'lwr', severity: 'red', top: 80, bottom: 0}
|
|
]"></div>
|
|
<div style="width: 1000px; height: 500px">
|
|
<div class="gl-plot" style="height: 100%;">
|
|
<div class="gl-plot-display-area">
|
|
<div
|
|
ng-repeat="limit in limits"
|
|
ng-show="1"
|
|
class="t-limit l-limit s-limit-{{limit.type}} s-limit-{{limit.severity}}"
|
|
style="top: {{limit.top}}%; bottom: {{limit.bottom}}%"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2>Animation</h2>
|
|
<div class="pulse" style="background: #cc0000; color: #fff; padding: 10px;">This should pulse</div> |