mirror of
https://github.com/nasa/openmct.git
synced 2024-12-27 08:32:28 +00:00
898dd557e5
open #468 Remove ng-class statements in favor of upstream .s-status-editing; Restructure CSS accordingly; NOTE: because edit.html has NOT been changed, changes here will cause old edit mode to no longer display properly. Don't integrate this CSS with old edit mode!
65 lines
996 B
SCSS
65 lines
996 B
SCSS
.l-timeline-gantt {
|
|
position: absolute;
|
|
top: $timelineSwimlaneGanttVM; bottom: $timelineSwimlaneGanttVM;
|
|
|
|
.bar {
|
|
@include ellipsize();
|
|
height: $activityBarH;
|
|
line-height: $activityBarH + 2;
|
|
padding: 0 $interiorMargin;
|
|
|
|
span {
|
|
display: inline;
|
|
&.s-activity-type {
|
|
&.timeline {
|
|
&:before {
|
|
content:"S";
|
|
}
|
|
}
|
|
&.activity {
|
|
&:before {
|
|
content:"A";
|
|
}
|
|
}
|
|
}
|
|
&.s-title {
|
|
@include text-shadow(rgba(black, 0.1) 0 1px 2px);
|
|
}
|
|
&.duration {
|
|
left: auto;
|
|
opacity: 0.75;
|
|
right: 0;
|
|
text-align: right;
|
|
width: 60px;
|
|
}
|
|
&.handle {
|
|
top: 0;
|
|
bottom: 0;
|
|
height: auto;
|
|
width: 15px;
|
|
&.left {
|
|
right: auto;
|
|
}
|
|
&.middle {
|
|
right: 15px;
|
|
left: 15px;
|
|
width: auto;
|
|
}
|
|
&.right {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.edit-mode .s-timeline-gantt,
|
|
.s-status-editing .s-timeline-gantt {
|
|
.handle {
|
|
cursor: col-resize;
|
|
&.mid {
|
|
cursor: ew-resize;
|
|
}
|
|
}
|
|
} |