alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend] Themes added to Timelines

Browse Source 
open #208
Espresso and Snow now supported; bulk of
work done except for minor cleanups, like zoom
buttons; Dragging not working currently in Timelines;
This commit is contained in:
Charles Hacskaylo
2015-11-20 15:23:08 -08:00
parent de59f191b8
commit fc53dbd8a4
16 changed files with 1104 additions and 371 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
platform/features/timeline/res/sass/_constants.scss
View File

@@ -1,3 +1,24 @@
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
* Administration. All rights reserved.
*
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0.
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
* License for the specific language governing permissions and limitations
* under the License.
*
* Open MCT Web includes source code licensed under additional open source
* licenses. See the Open Source Licenses file (LICENSES.md) included with
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
@mixin activityBg($bg, $gamma: 10) {
@include background-image(linear-gradient(lighten($bg, $gamma), $bg));
}
@@ -8,22 +29,10 @@ $timelinePaneLeftW: 30%;
$timelinePaneBtmH: 30%;
$timelineResourceGraphYLabelsMargin: 70px;
$timelineTopPaneHeaderH: 30px;
$timelineHeaderColorBg: lighten($colorBodyBg, 5%);
$timelineColorAlt1: lighten($timelineHeaderColorBg, 10%);
$timelineSwimlaneGanttVM: 2px; // The vertical space above and below the gantt bars
$timelineSwimlaneH: $activityBarH + ($timelineSwimlaneGanttVM * 2);
$timelineTopPaneHeaderElemMargin: $interiorMargin;
$activityTypeFg: #fff;
$activityTypeBg: #5555aa;
$activityTypeTabularFgIcon: #8594ff;
// Swimlane colors
$colorDropTarg: rgba($activityTypeBg, 0.4);
$colorSwimlaneSelectedBg: #222;
$colorSwimlaneSelectedFg: #ccc;
$colorSwimlaneSelectedGanttBg: #ccc;
$colorSwimlaneSelectedGanttFg: #333;
// Timeline Tabular constants
$timelineColIconW: 16px;