ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-05-04 09:42:57 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] WIP Timeline Follow Line

Browse Source 
Fixes #1688
VERY WIP! Initial move of styles into classes;
This commit is contained in:
Charles Hacskaylo 2017-09-13 16:46:14 -07:00
parent 1e1a2443d5
commit 8ec3c42291
2 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
platform/features/timeline/res/sass/_timelines.scss
View File

@ -75,6 +75,10 @@
} }
} }
&.l-timeline-gantt { &.l-timeline-gantt {
.abs.l-timeline-gantt-header-w {
overflow: hidden;
height: $timelineTopPaneHeaderH;
}
.l-swimlanes-holder { .l-swimlanes-holder {
@include scrollV(scroll); @include scrollV(scroll);
bottom: $scrollbarTrackSize; bottom: $scrollbarTrackSize;
@ -322,6 +326,18 @@
.l-subticks { .l-subticks {
height: 5px height: 5px
} }
// Follow Line
.l-follow-line {
position: absolute;
top: 0; bottom: 0;
width: 1px;
z-index: 100;
}
.s-follow-line {
background: rgba(red, 0.5);
}
} }
.s-status-editing .l-title .rep-object-label[draggable="true"] { .s-status-editing .l-title .rep-object-label[draggable="true"] {

7
platform/features/timeline/res/templates/timeline.html
View File

@ -129,7 +129,7 @@
</a> </a>
</div> </div>
<div style="overflow: hidden; position: absolute; left: 0; top: 0; right: 0; height: 30px;" mct-scroll-x="scroll.x"> <div class="abs l-timeline-gantt-header-w" mct-scroll-x="scroll.x">
<mct-include key="'timeline-ticks'" <mct-include key="'timeline-ticks'"
parameters="{ parameters="{
fullWidth: zoomController.width(timelineController.end()), fullWidth: zoomController.width(timelineController.end()),
@ -139,10 +139,9 @@
toMillis: zoomController.toMillis toMillis: zoomController.toMillis
}"> }">
</mct-include> </mct-include>
<div ng-if="toiController.isActive()" <div class="t-follow-line l-follow-line s-follow-line" ng-if="toiController.isActive()"
ng-style="{ left: toiController.x() + 'px', width: '4px', top: '0px', height: '30px', background: 'blue', position: 'absolute' }"> ng-style="{ left: toiController.x() + 'px' }">
</div> </div>
</div> </div>
<div class="t-swimlanes-holder l-swimlanes-holder" <div class="t-swimlanes-holder l-swimlanes-holder"