From fc53dbd8a4cbbaa76a457564287760d2c17e8669 Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Fri, 20 Nov 2015 15:23:08 -0800 Subject: [PATCH] [Frontend] Themes added to Timelines open #208 Espresso and Snow now supported; bulk of work done except for minor cleanups, like zoom buttons; Dragging not working currently in Timelines; --- .../themes/snow/res/sass/_mixins.scss | 2 +- platform/features/timeline/bundle.json | 8 + .../timeline/res/compile-themes-sass.sh | 7 - .../timeline/res/css/timeline-espresso.css | 299 +++++++++++++++ .../timeline/res/css/timeline-snow.css | 290 ++++++++++++++ .../features/timeline/res/css/timeline.css | 355 +++++++----------- .../features/timeline/res/sass-compile.sh | 4 + .../timeline/res/sass/_activities.scss | 29 -- .../res/sass/_constants-espresso.scss | 42 +++ .../timeline/res/sass/_constants-snow.scss | 42 +++ .../timeline/res/sass/_constants.scss | 35 +- .../timeline/res/sass/_timeline-thematic.scss | 149 ++++++++ .../timeline/res/sass/_timelines.scss | 119 ++---- .../timeline/res/sass/timeline-espresso.scss | 33 ++ .../timeline/res/sass/timeline-snow.scss | 32 ++ .../features/timeline/res/sass/timeline.scss | 29 +- 16 files changed, 1104 insertions(+), 371 deletions(-) delete mode 100644 platform/features/timeline/res/compile-themes-sass.sh create mode 100644 platform/features/timeline/res/css/timeline-espresso.css create mode 100644 platform/features/timeline/res/css/timeline-snow.css create mode 100644 platform/features/timeline/res/sass-compile.sh create mode 100644 platform/features/timeline/res/sass/_constants-espresso.scss create mode 100644 platform/features/timeline/res/sass/_constants-snow.scss create mode 100644 platform/features/timeline/res/sass/_timeline-thematic.scss create mode 100644 platform/features/timeline/res/sass/timeline-espresso.scss create mode 100644 platform/features/timeline/res/sass/timeline-snow.scss diff --git a/platform/commonUI/themes/snow/res/sass/_mixins.scss b/platform/commonUI/themes/snow/res/sass/_mixins.scss index e8ab65d5f1..05a5c4fb64 100644 --- a/platform/commonUI/themes/snow/res/sass/_mixins.scss +++ b/platform/commonUI/themes/snow/res/sass/_mixins.scss @@ -1,4 +1,4 @@ -@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg) { +@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $hover: false) { @include containerBase($bg, $fg); @include boxShdw($shdwBtns); } diff --git a/platform/features/timeline/bundle.json b/platform/features/timeline/bundle.json index e44c0ca21e..e532abc971 100644 --- a/platform/features/timeline/bundle.json +++ b/platform/features/timeline/bundle.json @@ -220,6 +220,14 @@ "stylesheets": [ { "stylesheetUrl": "css/timeline.css" + }, + { + "stylesheetUrl": "css/timeline-espresso.css", + "theme": "espresso" + }, + { + "stylesheetUrl": "css/timeline-snow.css", + "theme": "snow" } ], "representations": [ diff --git a/platform/features/timeline/res/compile-themes-sass.sh b/platform/features/timeline/res/compile-themes-sass.sh deleted file mode 100644 index 6e0e18e677..0000000000 --- a/platform/features/timeline/res/compile-themes-sass.sh +++ /dev/null @@ -1,7 +0,0 @@ -echo "*** Compiling timeline-espresso" -cd espresso/res -compass compile --force - -# echo "*** Compiling timeline-snow" -# cd espresso/snow -# compass compile --force \ No newline at end of file diff --git a/platform/features/timeline/res/css/timeline-espresso.css b/platform/features/timeline/res/css/timeline-espresso.css new file mode 100644 index 0000000000..895fdb8294 --- /dev/null +++ b/platform/features/timeline/res/css/timeline-espresso.css @@ -0,0 +1,299 @@ +/***************************************************************************** + * 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. + *****************************************************************************/ +/***************************************************************************** + * 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. + *****************************************************************************/ +/************************** FEATURES */ +/************************** VERY INFLUENTIAL GLOBAL DIMENSIONS */ +/************************** RATIOS */ +/************************** LAYOUT */ +/************************** CONTROLS */ +/************************** PATHS */ +/************************** TIMINGS */ +/************************** LIMITS */ +/***************************************************************************** + * 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. + *****************************************************************************/ +/*********************************************** CONTROLS, FORM ELEMENTS */ +/***************************************************************************** + * 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. + *****************************************************************************/ +/***************************************************************************** + * 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. + *****************************************************************************/ +/***************************************************************************** + * 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. + *****************************************************************************/ +/* line 26, ../sass/_timeline-thematic.scss */ +.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .l-legend-items { + color: #999; } + +/* line 36, ../sass/_timeline-thematic.scss */ +.s-timeline-gantt .bar { + color: #fff; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NzdiYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1NTVhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7777bb), color-stop(100%, #5555aa)); + background-image: -moz-linear-gradient(#7777bb, #5555aa); + background-image: -webkit-linear-gradient(#7777bb, #5555aa); + background-image: linear-gradient(#7777bb, #5555aa); + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px; + box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px; } + /* line 41, ../sass/_timeline-thematic.scss */ + .s-timeline-gantt .bar.expanded { + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; } + /* line 45, ../sass/_timeline-thematic.scss */ + .s-timeline-gantt .bar.leaf { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; } + /* line 49, ../sass/_timeline-thematic.scss */ + .s-timeline-gantt .bar .s-toggle { + color: #0099cc; } + +/* line 57, ../sass/_timeline-thematic.scss */ +.s-timeline-tabular .l-header .l-cols .l-col { + border-left: 1px solid #666666; } +/* line 65, ../sass/_timeline-thematic.scss */ +.s-timeline-tabular .l-pane-l .l-cols .s-label .ui-symbol.icon { + color: #8594ff; } + +/* line 74, ../sass/_timeline-thematic.scss */ +.edit-mode .s-timeline-gantt .bar:hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTljYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3NzdiYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9999cc), color-stop(100%, #7777bb)); + background-image: -moz-linear-gradient(#9999cc, #7777bb); + background-image: -webkit-linear-gradient(#9999cc, #7777bb); + background-image: linear-gradient(#9999cc, #7777bb); } + +/* line 81, ../sass/_timeline-thematic.scss */ +.s-timeline { + font-size: 0.75rem; } + /* line 83, ../sass/_timeline-thematic.scss */ + .s-timeline .s-header { + background-color: #404040; } + /* line 86, ../sass/_timeline-thematic.scss */ + .s-timeline .s-swimlane { + border-bottom: 1px solid #4d4d4d; + line-height: 20px; } + /* line 89, ../sass/_timeline-thematic.scss */ + .s-timeline .s-swimlane.exceeded { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMDUiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); + background-repeat: repeat; + background-size: 22px 22px; } + /* line 93, ../sass/_timeline-thematic.scss */ + .s-timeline .s-swimlane.selected { + background-color: #222; + color: #ccc; } + /* line 97, ../sass/_timeline-thematic.scss */ + .s-timeline .s-swimlane.selected .s-timeline-gantt .bar { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #cccccc)); + background-image: -moz-linear-gradient(#e6e6e6, #cccccc); + background-image: -webkit-linear-gradient(#e6e6e6, #cccccc); + background-image: linear-gradient(#e6e6e6, #cccccc); + color: #333; } + /* line 103, ../sass/_timeline-thematic.scss */ + .s-timeline .s-swimlane.drop-into { + background-color: rgba(85, 85, 170, 0.7); } + /* line 105, ../sass/_timeline-thematic.scss */ + .s-timeline .s-swimlane.drop-into .s-timeline-gantt { + opacity: 0.7; } + /* line 109, ../sass/_timeline-thematic.scss */ + .s-timeline .s-swimlane.drop-after { + background-color: rgba(0, 0, 0, 0.2); + border-bottom-color: #5555aa; } + /* line 115, ../sass/_timeline-thematic.scss */ + .s-timeline .s-ticks { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxcHgiIHN0b3AtY29sb3I9IiM1OTU5NTkiLz48c3RvcCBvZmZzZXQ9IjFweCIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); + background-size: 100%; + background-image: -moz-linear-gradient(0deg, #595959 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(0deg, #595959 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(90deg, #595959 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); + background-repeat: repeat-x; } + /* line 118, ../sass/_timeline-thematic.scss */ + .s-timeline .s-hover-btns-holder { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjNDA0MDQwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDA0MDQwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -moz-linear-gradient(180deg, #404040, #404040 70%, rgba(64, 64, 64, 0) 100%); + background-image: -webkit-linear-gradient(180deg, #404040, #404040 70%, rgba(64, 64, 64, 0) 100%); + background-image: linear-gradient(-90deg, #404040, #404040 70%, rgba(64, 64, 64, 0) 100%); } + /* line 123, ../sass/_timeline-thematic.scss */ + .s-timeline .s-hover-btns-holder .s-btn { + background-color: #404040; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #a6a6a6; + display: inline-block; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040)); + background-image: -moz-linear-gradient(#4d4d4d, #404040); + background-image: -webkit-linear-gradient(#4d4d4d, #404040); + background-image: linear-gradient(#4d4d4d, #404040); + -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; + -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; + box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; } + /* line 129, ../sass/_timeline-thematic.scss */ + .s-timeline .l-timeline-resource-graph .l-graph { + background: rgba(0, 0, 0, 0.2); } + /* line 132, ../sass/_timeline-thematic.scss */ + .s-timeline .l-timeline-resource-graph .l-title { + color: #999; } + +/* line 138, ../sass/_timeline-thematic.scss */ +.edit-mode .s-swimlane { + cursor: pointer; } + /* line 140, ../sass/_timeline-thematic.scss */ + .edit-mode .s-swimlane .s-label { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + padding: 2px 5px; } + /* line 143, ../sass/_timeline-thematic.scss */ + .edit-mode .s-swimlane .s-label:hover { + background: rgba(255, 255, 255, 0.1); + color: #fff; } diff --git a/platform/features/timeline/res/css/timeline-snow.css b/platform/features/timeline/res/css/timeline-snow.css new file mode 100644 index 0000000000..6d5190ae8f --- /dev/null +++ b/platform/features/timeline/res/css/timeline-snow.css @@ -0,0 +1,290 @@ +/***************************************************************************** + * 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. + *****************************************************************************/ +/***************************************************************************** + * 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. + *****************************************************************************/ +/************************** FEATURES */ +/************************** VERY INFLUENTIAL GLOBAL DIMENSIONS */ +/************************** RATIOS */ +/************************** LAYOUT */ +/************************** CONTROLS */ +/************************** PATHS */ +/************************** TIMINGS */ +/************************** LIMITS */ +/***************************************************************************** + * 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. + *****************************************************************************/ +/*********************************************** CONTROLS, FORM ELEMENTS */ +/***************************************************************************** + * 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. + *****************************************************************************/ +/***************************************************************************** + * 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. + *****************************************************************************/ +/***************************************************************************** + * 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. + *****************************************************************************/ +/* line 26, ../sass/_timeline-thematic.scss */ +.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .l-legend-items { + color: #666; } + +/* line 36, ../sass/_timeline-thematic.scss */ +.s-timeline-gantt .bar { + color: #fff; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NzdiYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1NTVhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7777bb), color-stop(100%, #5555aa)); + background-image: -moz-linear-gradient(#7777bb, #5555aa); + background-image: -webkit-linear-gradient(#7777bb, #5555aa); + background-image: linear-gradient(#7777bb, #5555aa); + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px; + box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px; } + /* line 41, ../sass/_timeline-thematic.scss */ + .s-timeline-gantt .bar.expanded { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; } + /* line 45, ../sass/_timeline-thematic.scss */ + .s-timeline-gantt .bar.leaf { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; } + /* line 49, ../sass/_timeline-thematic.scss */ + .s-timeline-gantt .bar .s-toggle { + color: #0099cc; } + +/* line 57, ../sass/_timeline-thematic.scss */ +.s-timeline-tabular .l-header .l-cols .l-col { + border-left: 1px solid #c9c9c9; } +/* line 65, ../sass/_timeline-thematic.scss */ +.s-timeline-tabular .l-pane-l .l-cols .s-label .ui-symbol.icon { + color: #8594ff; } + +/* line 74, ../sass/_timeline-thematic.scss */ +.edit-mode .s-timeline-gantt .bar:hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTljYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3NzdiYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9999cc), color-stop(100%, #7777bb)); + background-image: -moz-linear-gradient(#9999cc, #7777bb); + background-image: -webkit-linear-gradient(#9999cc, #7777bb); + background-image: linear-gradient(#9999cc, #7777bb); } + +/* line 81, ../sass/_timeline-thematic.scss */ +.s-timeline { + font-size: 0.75rem; } + /* line 83, ../sass/_timeline-thematic.scss */ + .s-timeline .s-header { + background-color: #efefef; } + /* line 86, ../sass/_timeline-thematic.scss */ + .s-timeline .s-swimlane { + border-bottom: 1px solid #e3e3e3; + line-height: 20px; } + /* line 89, ../sass/_timeline-thematic.scss */ + .s-timeline .s-swimlane.exceeded { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMDUiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); + background-repeat: repeat; + background-size: 22px 22px; } + /* line 93, ../sass/_timeline-thematic.scss */ + .s-timeline .s-swimlane.selected { + background-color: rgba(85, 85, 170, 0.25); + color: #4d4d4d; } + /* line 97, ../sass/_timeline-thematic.scss */ + .s-timeline .s-swimlane.selected .s-timeline-gantt .bar { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NzdiYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1NTVhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7777bb), color-stop(100%, #5555aa)); + background-image: -moz-linear-gradient(#7777bb, #5555aa); + background-image: -webkit-linear-gradient(#7777bb, #5555aa); + background-image: linear-gradient(#7777bb, #5555aa); + color: #fff; } + /* line 103, ../sass/_timeline-thematic.scss */ + .s-timeline .s-swimlane.drop-into { + background-color: rgba(85, 85, 170, 0.7); } + /* line 105, ../sass/_timeline-thematic.scss */ + .s-timeline .s-swimlane.drop-into .s-timeline-gantt { + opacity: 0.7; } + /* line 109, ../sass/_timeline-thematic.scss */ + .s-timeline .s-swimlane.drop-after { + background-color: rgba(0, 0, 0, 0.2); + border-bottom-color: #5555aa; } + /* line 115, ../sass/_timeline-thematic.scss */ + .s-timeline .s-ticks { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxcHgiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiLz48c3RvcCBvZmZzZXQ9IjFweCIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); + background-size: 100%; + background-image: -moz-linear-gradient(0deg, #d6d6d6 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(0deg, #d6d6d6 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(90deg, #d6d6d6 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); + background-repeat: repeat-x; } + /* line 118, ../sass/_timeline-thematic.scss */ + .s-timeline .s-hover-btns-holder { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -moz-linear-gradient(180deg, #efefef, #efefef 70%, rgba(239, 239, 239, 0) 100%); + background-image: -webkit-linear-gradient(180deg, #efefef, #efefef 70%, rgba(239, 239, 239, 0) 100%); + background-image: linear-gradient(-90deg, #efefef, #efefef 70%, rgba(239, 239, 239, 0) 100%); } + /* line 123, ../sass/_timeline-thematic.scss */ + .s-timeline .s-hover-btns-holder .s-btn { + background-color: white; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #737373; + display: inline-block; } + /* line 129, ../sass/_timeline-thematic.scss */ + .s-timeline .l-timeline-resource-graph .l-graph { + background: rgba(0, 0, 0, 0.1); } + /* line 132, ../sass/_timeline-thematic.scss */ + .s-timeline .l-timeline-resource-graph .l-title { + color: #666; } + +/* line 138, ../sass/_timeline-thematic.scss */ +.edit-mode .s-swimlane { + cursor: pointer; } + /* line 140, ../sass/_timeline-thematic.scss */ + .edit-mode .s-swimlane .s-label { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + padding: 2px 5px; } + /* line 143, ../sass/_timeline-thematic.scss */ + .edit-mode .s-swimlane .s-label:hover { + background: rgba(255, 255, 255, 0.1); + color: #fff; } diff --git a/platform/features/timeline/res/css/timeline.css b/platform/features/timeline/res/css/timeline.css index 8bd6537f8f..f7fe2d0f57 100644 --- a/platform/features/timeline/res/css/timeline.css +++ b/platform/features/timeline/res/css/timeline.css @@ -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. + *****************************************************************************/ /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -26,6 +47,7 @@ /************************** CONTROLS */ /************************** PATHS */ /************************** TIMINGS */ +/************************** LIMITS */ /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -48,6 +70,27 @@ * at runtime from the About dialog for additional information. *****************************************************************************/ /*********************************************** CONTROLS, FORM ELEMENTS */ +/***************************************************************************** + * 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. + *****************************************************************************/ /* line 1, ../sass/_activities.scss */ .l-timeline-gantt { position: absolute; @@ -99,69 +142,35 @@ right: 0; left: auto; } -/* line 62, ../sass/_activities.scss */ -.s-timeline-gantt .bar { - color: #fff; - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NzdiYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1NTVhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7777bb), color-stop(100%, #5555aa)); - background-image: -moz-linear-gradient(#7777bb, #5555aa); - background-image: -webkit-linear-gradient(#7777bb, #5555aa); - background-image: linear-gradient(#7777bb, #5555aa); - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px; - -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px; - box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px; } - /* line 69, ../sass/_activities.scss */ - .s-timeline-gantt .bar.expanded { - -moz-border-radius-topleft: 3px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -moz-border-radius-topright: 3px; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - -moz-border-radius-bottomleft: 0; - -webkit-border-bottom-left-radius: 0; - border-bottom-left-radius: 0; - -moz-border-radius-bottomright: 0; - -webkit-border-bottom-right-radius: 0; - border-bottom-right-radius: 0; } - /* line 73, ../sass/_activities.scss */ - .s-timeline-gantt .bar.leaf { - -moz-border-radius-topleft: 0; - -webkit-border-top-left-radius: 0; - border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -webkit-border-top-right-radius: 0; - border-top-right-radius: 0; - -moz-border-radius-bottomleft: 3px; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; - -moz-border-radius-bottomright: 3px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; } - /* line 77, ../sass/_activities.scss */ - .s-timeline-gantt .bar .s-toggle { - color: #0099cc; } - -/* line 85, ../sass/_activities.scss */ -.edit-mode .s-timeline-gantt .bar:hover { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTljYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3NzdiYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9999cc), color-stop(100%, #7777bb)); - background-image: -moz-linear-gradient(#9999cc, #7777bb); - background-image: -webkit-linear-gradient(#9999cc, #7777bb); - background-image: linear-gradient(#9999cc, #7777bb); } -/* line 90, ../sass/_activities.scss */ +/* line 61, ../sass/_activities.scss */ .edit-mode .s-timeline-gantt .handle { cursor: col-resize; } - /* line 95, ../sass/_activities.scss */ + /* line 66, ../sass/_activities.scss */ .edit-mode .s-timeline-gantt .handle.mid { cursor: ew-resize; } -/* line 2, ../sass/_timelines.scss */ +/***************************************************************************** + * 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. + *****************************************************************************/ +/* line 23, ../sass/_timelines.scss */ .l-timeline-holder { overflow: hidden; position: absolute; @@ -171,7 +180,7 @@ left: 0px; width: auto; height: auto; } - /* line 6, ../sass/_timelines.scss */ + /* line 27, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane { overflow: hidden; position: absolute; @@ -181,10 +190,10 @@ left: 0px; width: auto; height: auto; } - /* line 9, ../sass/_timelines.scss */ + /* line 30, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane .l-width-control { position: relative; } - /* line 13, ../sass/_timelines.scss */ + /* line 34, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane .l-swimlanes-holder { overflow: hidden; position: absolute; @@ -195,7 +204,7 @@ width: auto; height: auto; top: 31px; } - /* line 20, ../sass/_timelines.scss */ + /* line 41, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.s-timeline-tabular .t-pane-v { overflow: hidden; position: absolute; @@ -205,16 +214,16 @@ left: 0px; width: auto; height: auto; } - /* line 23, ../sass/_timelines.scss */ + /* line 44, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.s-timeline-tabular .t-pane-v.l-tabular-l { right: auto; width: 266px; } - /* line 28, ../sass/_timelines.scss */ + /* line 49, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.s-timeline-tabular .t-pane-v.l-tabular-r { overflow-x: auto; overflow-y: hidden; left: 266px; } - /* line 32, ../sass/_timelines.scss */ + /* line 53, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.s-timeline-tabular .t-pane-v.l-tabular-r .l-width { overflow: visible; position: absolute; @@ -226,18 +235,18 @@ height: auto; min-width: 590px; width: 100%; } - /* line 42, ../sass/_timelines.scss */ + /* line 61, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-gantt .l-swimlanes-holder { overflow-x: hidden; overflow-y: scroll; } - /* line 47, ../sass/_timelines.scss */ + /* line 65, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 0; white-space: nowrap; } - /* line 54, ../sass/_timelines.scss */ + /* line 70, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .l-legend-items { overflow: hidden; position: absolute; @@ -249,22 +258,21 @@ height: auto; overflow-x: hidden; overflow-y: auto; - top: 25px; - color: #737373; } - /* line 61, ../sass/_timelines.scss */ + top: 25px; } + /* line 76, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .legend-item { display: block; margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } - /* line 69, ../sass/_timelines.scss */ + /* line 84, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .legend-item .color-swatch { vertical-align: baseline; } - /* line 72, ../sass/_timelines.scss */ + /* line 87, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .legend-item .title-label { vertical-align: baseline; } - /* line 81, ../sass/_timelines.scss */ + /* line 96, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graphs-holder { overflow: hidden; position: absolute; @@ -275,7 +283,7 @@ width: auto; height: auto; bottom: 10px; } - /* line 86, ../sass/_timelines.scss */ + /* line 101, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graphs-holder .l-graphs { overflow: hidden; position: absolute; @@ -287,7 +295,7 @@ height: auto; overflow-x: hidden; overflow-y: scroll; } - /* line 91, ../sass/_timelines.scss */ + /* line 106, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graphs-holder .l-graph-labels-holder { overflow: hidden; position: absolute; @@ -300,7 +308,7 @@ overflow: hidden; right: auto; width: 400px; } - /* line 100, ../sass/_timelines.scss */ + /* line 115, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-scroll-control { overflow: hidden; position: absolute; @@ -315,36 +323,34 @@ top: auto; right: 10px; height: 10px; } - /* line 106, ../sass/_timelines.scss */ + /* line 121, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-scroll-control .l-width-control { height: 10px; } - /* line 111, ../sass/_timelines.scss */ + /* line 126, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph, .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-labels { height: 80px; margin-bottom: 3px; position: relative; } - /* line 118, ../sass/_timelines.scss */ + /* line 133, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - color: rgba(255, 255, 255, 0.4); top: 5px; left: 5px; position: absolute; } - /* line 125, ../sass/_timelines.scss */ + /* line 139, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph { - background: rgba(0, 0, 0, 0.3); width: 100%; } - /* line 129, ../sass/_timelines.scss */ + /* line 143, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph .l-graph-area canvas { width: 100%; height: 100%; } - /* line 136, ../sass/_timelines.scss */ + /* line 150, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-labels { z-index: 10; } - /* line 140, ../sass/_timelines.scss */ + /* line 154, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-area { overflow: hidden; position: absolute; @@ -356,7 +362,7 @@ height: auto; top: 20px; bottom: 5px; } - /* line 143, ../sass/_timelines.scss */ + /* line 157, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-area .l-labels-holder { overflow: hidden; position: absolute; @@ -367,24 +373,24 @@ width: auto; height: auto; left: 5px; } - /* line 146, ../sass/_timelines.scss */ + /* line 160, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-area .l-labels-holder .tick-label.tick-label-y { text-align: left; } - /* line 154, ../sass/_timelines.scss */ + /* line 168, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.l-pane-l { right: auto; min-width: 50px; max-width: 90%; width: 30%; } - /* line 162, ../sass/_timelines.scss */ + /* line 176, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.l-pane-r { left: 0; } - /* line 166, ../sass/_timelines.scss */ + /* line 180, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.l-pane-r:hover .l-hover-btns-holder { - -moz-transition-property: visibility, opacity, background-color, border-color; - -o-transition-property: visibility, opacity, background-color, border-color; - -webkit-transition-property: visibility, opacity, background-color, border-color; - transition-property: visibility, opacity, background-color, border-color; + -moz-transition-property: opacity, background-color, border-color, color; + -o-transition-property: opacity, background-color, border-color, color; + -webkit-transition-property: opacity, background-color, border-color, color; + transition-property: opacity, background-color, border-color, color; -moz-transition-duration: 100ms; -o-transition-duration: 100ms; -webkit-transition-duration: 100ms; @@ -393,21 +399,25 @@ -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; + -moz-transition-delay: 0; + -o-transition-delay: 0; + -webkit-transition-delay: 0; + transition-delay: 0; opacity: 1; } - /* line 173, ../sass/_timelines.scss */ + /* line 187, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.l-pane-top { bottom: 30%; } - /* line 177, ../sass/_timelines.scss */ + /* line 191, ../sass/_timelines.scss */ .l-timeline-holder .l-timeline-pane.l-pane-btm { top: auto; min-height: 20px; max-height: 80%; height: 30%; } - /* line 186, ../sass/_timelines.scss */ + /* line 200, ../sass/_timelines.scss */ .l-timeline-holder .l-swimlane { height: 21px; position: relative; } - /* line 192, ../sass/_timelines.scss */ + /* line 206, ../sass/_timelines.scss */ .l-timeline-holder .s-timeline-tabular .l-header, .l-timeline-holder .s-timeline-gantt .l-header { overflow: visible; @@ -420,7 +430,7 @@ height: auto; bottom: auto; height: 30px; } - /* line 198, ../sass/_timelines.scss */ + /* line 212, ../sass/_timelines.scss */ .l-timeline-holder .s-timeline-tabular .l-header .l-header-elem, .l-timeline-holder .s-timeline-gantt .l-header .l-header-elem { overflow: visible; @@ -432,14 +442,14 @@ width: auto; height: auto; display: block; } - /* line 203, ../sass/_timelines.scss */ + /* line 217, ../sass/_timelines.scss */ .l-timeline-holder .s-timeline-tabular .l-header .l-header-elem.l-labels .l-label, .l-timeline-holder .s-timeline-gantt .l-header .l-header-elem.l-labels .l-label { position: absolute; width: 140px; margin-left: -70px; text-align: center; } - /* line 213, ../sass/_timelines.scss */ + /* line 227, ../sass/_timelines.scss */ .l-timeline-holder .l-hover-btns-holder { overflow: hidden; position: absolute; @@ -452,10 +462,10 @@ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-transition-property: visibility, opacity, background-color, border-color; - -o-transition-property: visibility, opacity, background-color, border-color; - -webkit-transition-property: visibility, opacity, background-color, border-color; - transition-property: visibility, opacity, background-color, border-color; + -moz-transition-property: opacity, background-color, border-color, color; + -o-transition-property: opacity, background-color, border-color, color; + -webkit-transition-property: opacity, background-color, border-color, color; + transition-property: opacity, background-color, border-color, color; -moz-transition-duration: 500ms; -o-transition-duration: 500ms; -webkit-transition-duration: 500ms; @@ -464,6 +474,10 @@ -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; + -moz-transition-delay: 0; + -o-transition-delay: 0; + -webkit-transition-delay: 0; + transition-delay: 0; opacity: 0; height: 30px; width: 100px; @@ -471,7 +485,7 @@ padding: 5px; text-align: right; z-index: 10; } - /* line 226, ../sass/_timelines.scss */ + /* line 240, ../sass/_timelines.scss */ .l-timeline-holder .l-cols { overflow: visible; position: absolute; @@ -483,7 +497,7 @@ height: auto; text-wrap: none; white-space: nowrap; } - /* line 231, ../sass/_timelines.scss */ + /* line 245, ../sass/_timelines.scss */ .l-timeline-holder .l-cols .l-col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -497,46 +511,40 @@ position: relative; text-wrap: none; white-space: nowrap; } - /* line 242, ../sass/_timelines.scss */ + /* line 256, ../sass/_timelines.scss */ .l-timeline-holder .l-cols .l-col.l-col-icon { width: 16px; text-align: center; padding: 0; } - /* line 246, ../sass/_timelines.scss */ + /* line 260, ../sass/_timelines.scss */ .l-timeline-holder .l-cols .l-col.l-col-icon .ui-symbol { color: #0099cc; } - /* line 251, ../sass/_timelines.scss */ + /* line 265, ../sass/_timelines.scss */ .l-timeline-holder .l-cols .l-col.l-plot-resource { border-left: none !important; cursor: pointer; padding-left: 0; } - /* line 260, ../sass/_timelines.scss */ + /* line 274, ../sass/_timelines.scss */ .l-timeline-holder .l-cols .l-col.l-title { width: 250px; } - /* line 264, ../sass/_timelines.scss */ + /* line 278, ../sass/_timelines.scss */ .l-timeline-holder .l-cols .l-col.l-start, .l-timeline-holder .l-cols .l-col.l-end, .l-timeline-holder .l-cols .l-col.l-duration { width: 110px; } - /* line 274, ../sass/_timelines.scss */ + /* line 288, ../sass/_timelines.scss */ .l-timeline-holder .l-cols .l-col.l-activity-modes { display: none; width: 250px; } - /* line 283, ../sass/_timelines.scss */ + /* line 297, ../sass/_timelines.scss */ .l-timeline-holder .s-timeline-tabular .l-header .l-cols { top: 5px; bottom: 5px; } - /* line 285, ../sass/_timelines.scss */ - .l-timeline-holder .s-timeline-tabular .l-header .l-cols .l-col { - border-left: 1px solid rgba(255, 255, 255, 0.1); } - /* line 293, ../sass/_timelines.scss */ + /* line 303, ../sass/_timelines.scss */ .l-timeline-holder .s-timeline-tabular .l-pane-l .l-cols { left: 5px; } - /* line 295, ../sass/_timelines.scss */ - .l-timeline-holder .s-timeline-tabular .l-pane-l .l-cols .s-label .ui-symbol.icon { - color: #8594ff; } - /* line 308, ../sass/_timelines.scss */ + /* line 309, ../sass/_timelines.scss */ .l-timeline-holder .splitter { top: 0; } - /* line 314, ../sass/_timelines.scss */ + /* line 315, ../sass/_timelines.scss */ .l-timeline-holder .l-ticks, .l-timeline-holder .l-subticks { overflow: hidden; @@ -549,104 +557,9 @@ height: auto; top: auto; bottom: 3px; } - /* line 320, ../sass/_timelines.scss */ + /* line 321, ../sass/_timelines.scss */ .l-timeline-holder .l-ticks { height: 10px; } - /* line 324, ../sass/_timelines.scss */ + /* line 325, ../sass/_timelines.scss */ .l-timeline-holder .l-subticks { height: 5px; } - -/* line 330, ../sass/_timelines.scss */ -.s-timeline { - font-size: 0.75rem; } - /* line 332, ../sass/_timelines.scss */ - .s-timeline .s-header { - background-color: #404040; } - /* line 335, ../sass/_timelines.scss */ - .s-timeline .s-swimlane { - border-bottom: 1px solid rgba(255, 255, 255, 0.1); - line-height: 20px; - /* &:hover { - background: rgba(white, 0.1); - }*/ } - /* line 345, ../sass/_timelines.scss */ - .s-timeline .s-swimlane.exceeded { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMDUiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); - background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); - background-repeat: repeat; - background-size: 22px 22px; } - /* line 349, ../sass/_timelines.scss */ - .s-timeline .s-swimlane.selected { - background-color: #222; - color: #fff; } - /* line 355, ../sass/_timelines.scss */ - .s-timeline .s-swimlane.selected .s-timeline-gantt .bar { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #cccccc)); - background-image: -moz-linear-gradient(#e6e6e6, #cccccc); - background-image: -webkit-linear-gradient(#e6e6e6, #cccccc); - background-image: linear-gradient(#e6e6e6, #cccccc); - color: #333; } - /* line 363, ../sass/_timelines.scss */ - .s-timeline .s-swimlane.drop-into { - background-color: rgba(85, 85, 170, 0.7); } - /* line 365, ../sass/_timelines.scss */ - .s-timeline .s-swimlane.drop-into .s-timeline-gantt { - opacity: 0.7; } - /* line 369, ../sass/_timelines.scss */ - .s-timeline .s-swimlane.drop-after { - background-color: rgba(0, 0, 0, 0.2); - border-bottom-color: #5555aa; } - /* line 375, ../sass/_timelines.scss */ - .s-timeline .s-ticks { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxcHgiIHN0b3AtY29sb3I9IiM1OTU5NTkiLz48c3RvcCBvZmZzZXQ9IjFweCIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); - background-size: 100%; - background-image: -moz-linear-gradient(0deg, #595959 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); - background-image: -webkit-linear-gradient(0deg, #595959 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); - background-image: linear-gradient(90deg, #595959 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); - background-repeat: repeat-x; } - /* line 378, ../sass/_timelines.scss */ - .s-timeline .s-hover-btns-holder { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjNDA0MDQwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDA0MDQwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -moz-linear-gradient(180deg, #404040, #404040 70%, rgba(64, 64, 64, 0) 100%); - background-image: -webkit-linear-gradient(180deg, #404040, #404040 70%, rgba(64, 64, 64, 0) 100%); - background-image: linear-gradient(-90deg, #404040, #404040 70%, rgba(64, 64, 64, 0) 100%); } - /* line 383, ../sass/_timelines.scss */ - .s-timeline .s-hover-btns-holder .s-btn { - background-color: #404040; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #a6a6a6; - display: inline-block; - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040)); - background-image: -moz-linear-gradient(#4d4d4d, #404040); - background-image: -webkit-linear-gradient(#4d4d4d, #404040); - background-image: linear-gradient(#4d4d4d, #404040); - -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; - -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; - box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; } - -/* line 389, ../sass/_timelines.scss */ -.edit-mode .s-swimlane { - cursor: pointer; } - /* line 391, ../sass/_timelines.scss */ - .edit-mode .s-swimlane .s-label { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - padding: 2px 5px; } - /* line 394, ../sass/_timelines.scss */ - .edit-mode .s-swimlane .s-label:hover { - background: rgba(255, 255, 255, 0.1); - color: #fff; } diff --git a/platform/features/timeline/res/sass-compile.sh b/platform/features/timeline/res/sass-compile.sh new file mode 100644 index 0000000000..ee7f1cdf77 --- /dev/null +++ b/platform/features/timeline/res/sass-compile.sh @@ -0,0 +1,4 @@ +date + +echo "*** Compiling sass" +compass compile --force \ No newline at end of file diff --git a/platform/features/timeline/res/sass/_activities.scss b/platform/features/timeline/res/sass/_activities.scss index 75f3a81072..265623634f 100644 --- a/platform/features/timeline/res/sass/_activities.scss +++ b/platform/features/timeline/res/sass/_activities.scss @@ -57,36 +57,7 @@ } } -.s-timeline-gantt { - $br: $controlCr; - .bar { - color: $activityTypeFg; -// opacity: 0.9; -// @include background-image(linear-gradient(lighten($activityTypeBg, 10), $activityTypeBg)); - @include activityBg($activityTypeBg); - @include border-radius($br); - @include box-shadow(rgba(black, 0.4) 0 1px 3px); - &.expanded { - @include border-top-radius($br); - @include border-bottom-radius(0); - } - &.leaf { - @include border-top-radius(0); - @include border-bottom-radius($br); - } - .s-toggle { - color: $colorKey; - } - } -} - .edit-mode .s-timeline-gantt { - .bar { - &:hover { - @include background-image(linear-gradient(lighten($activityTypeBg, 20), lighten($activityTypeBg, 10))); - } - } - .handle { cursor: col-resize; &.start { diff --git a/platform/features/timeline/res/sass/_constants-espresso.scss b/platform/features/timeline/res/sass/_constants-espresso.scss new file mode 100644 index 0000000000..107a0eadc4 --- /dev/null +++ b/platform/features/timeline/res/sass/_constants-espresso.scss @@ -0,0 +1,42 @@ +/***************************************************************************** + * 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. + *****************************************************************************/ + +// General +$timelineHeaderColorBg: lighten($colorBodyBg, 5%); +$timelineColorAlt1: lighten($timelineHeaderColorBg, 10%); +$colorGanttBarBg: #5555aa; +$colorGanttBarFg: #fff; +$colorGanttBarSelectedBg: #ccc; +$colorGanttBarSelectedFg: #333; +$colorGanttBarTabularFgIcon: #8594ff; + +// Swimlane colors +$colorDropTarg: rgba($colorGanttBarBg, 0.4); +$colorSwimlaneSelectedBg: #222; +$colorSwimlaneSelectedFg: #ccc; +$colorGanttToggle: $colorKey; +$shdwGanttBar: rgba(black, 0.4) 0 1px 3px; + +// Resource graphs +$timelineResourceGraphBg: rgba(black, 0.2); +$timelineResourceGraphFg: $colorBodyFg; +$timelineResourceGraphLegendFg: $colorBodyFg; \ No newline at end of file diff --git a/platform/features/timeline/res/sass/_constants-snow.scss b/platform/features/timeline/res/sass/_constants-snow.scss new file mode 100644 index 0000000000..b055cf3019 --- /dev/null +++ b/platform/features/timeline/res/sass/_constants-snow.scss @@ -0,0 +1,42 @@ +/***************************************************************************** + * 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. + *****************************************************************************/ + +// General +$timelineHeaderColorBg: pullForward($colorBodyBg, 5%); +$timelineColorAlt1: pullForward($timelineHeaderColorBg, 10%); +$colorGanttBarBg: #5555aa; +$colorGanttBarFg: #fff; +$colorGanttBarSelectedBg: $colorGanttBarBg; +$colorGanttBarSelectedFg: $colorGanttBarFg; +$colorGanttBarTabularFgIcon: #8594ff; + +// Swimlane colors +$colorDropTarg: rgba($colorGanttBarBg, 0.4); +$colorSwimlaneSelectedBg: rgba($colorGanttBarBg, 0.25); +$colorSwimlaneSelectedFg: pullForward($colorBodyFg, 10%); +$colorGanttToggle: $colorKey; +$shdwGanttBar: rgba(black, 0.1) 0 1px 3px; + +// Resource graphs +$timelineResourceGraphBg: rgba(black, 0.1); +$timelineResourceGraphFg: $colorBodyFg; +$timelineResourceGraphLegendFg: $colorBodyFg; \ No newline at end of file diff --git a/platform/features/timeline/res/sass/_constants.scss b/platform/features/timeline/res/sass/_constants.scss index ca7a47f7a3..0b667eead4 100644 --- a/platform/features/timeline/res/sass/_constants.scss +++ b/platform/features/timeline/res/sass/_constants.scss @@ -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; diff --git a/platform/features/timeline/res/sass/_timeline-thematic.scss b/platform/features/timeline/res/sass/_timeline-thematic.scss new file mode 100644 index 0000000000..cee4021ae9 --- /dev/null +++ b/platform/features/timeline/res/sass/_timeline-thematic.scss @@ -0,0 +1,149 @@ +/***************************************************************************** + * 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. + *****************************************************************************/ +.l-timeline-holder { + .l-timeline-pane { + &.t-pane-h { + &.l-timeline-resource-legend { + .l-legend-items { + color: $timelineResourceGraphLegendFg; + } + } + } + } +} + +.s-timeline-gantt { + $br: $controlCr; + .bar { + color: $colorGanttBarFg; + @include activityBg($colorGanttBarBg); + @include border-radius($br); + @include box-shadow($shdwGanttBar); + &.expanded { + @include border-top-radius($br); + @include border-bottom-radius(0); + } + &.leaf { + @include border-top-radius(0); + @include border-bottom-radius($br); + } + .s-toggle { + color: $colorGanttToggle; + } + } +} + +.s-timeline-tabular { + .l-header .l-cols { + .l-col { + border-left: 1px solid pullForward($timelineHeaderColorBg, 15%); + } + } + + .l-pane-l { + // Left pane of the tabular area + .l-cols { + .s-label .ui-symbol.icon { + color: $colorGanttBarTabularFgIcon; + } + } + } +} + +.edit-mode .s-timeline-gantt { + .bar { + &:hover { + @include background-image(linear-gradient(lighten($colorGanttBarBg, 20), lighten($colorGanttBarBg, 10))); + } + } +} + +//*************************************************************** STYLING +.s-timeline { + font-size: 0.75rem; + .s-header { + background-color: $timelineHeaderColorBg; + } + .s-swimlane { + border-bottom: 1px solid pullForward($colorBodyBg, 10%); + line-height: $activityBarH + 2 + 1; + &.exceeded { + @include bgDiagonalStripes(#fff, 0.05, $timelineSwimlaneH + 1); + } + + &.selected { + background-color: $colorSwimlaneSelectedBg; + color: $colorSwimlaneSelectedFg; + + .s-timeline-gantt .bar { + @include activityBg($colorGanttBarSelectedBg, 10); + color: $colorGanttBarSelectedFg; + } + } + + &.drop-into { + background-color: rgba($colorDropTarg, 0.7); + .s-timeline-gantt { + opacity: 0.7; + } + } + &.drop-after { + background-color: rgba(#000, 0.2); + border-bottom-color: rgba($colorDropTarg, 1.0); + } + } + + .s-ticks { + @include bgTicks($timelineColorAlt1); + } + .s-hover-btns-holder { + $bg: $timelineHeaderColorBg; + $bga: 1; + $l: 5%; + @include background-image(linear-gradient(-90deg, rgba($bg, $bga), rgba($bg, $bga) 70%, rgba($bg, 0) 100%)); + .s-btn { + @include containerSubtle(lighten($colorBodyBg, $l), lighten($colorBodyFg, $l), true); + } + } + + .l-timeline-resource-graph { + .l-graph { + background: $timelineResourceGraphBg; + } + .l-title { + color: $timelineResourceGraphFg; + } + } +} + +.edit-mode .s-swimlane { + cursor: pointer; + .s-label { + @include border-radius($controlCr); + padding: 2px 5px; + &:hover { + // TO-DO: Convert to theming! + background: rgba(#fff, 0.1); + color: #fff; + } + } +} diff --git a/platform/features/timeline/res/sass/_timelines.scss b/platform/features/timeline/res/sass/_timelines.scss index bdb8211a3e..f4b482522a 100644 --- a/platform/features/timeline/res/sass/_timelines.scss +++ b/platform/features/timeline/res/sass/_timelines.scss @@ -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. + *****************************************************************************/ //*************************************************************** LAYOUT .l-timeline-holder { // @include test(); @@ -37,26 +58,20 @@ } } &.l-timeline-gantt { -// @include testObj(); - .l-swimlanes-holder { @include scrollV(scroll); } - } &.l-timeline-resource-legend { @include box-sizing(border-box); padding: $interiorMargin 0; white-space: nowrap; - .l-title { - } .l-legend-items { @include absPosDefault(); @include scrollV(); top: 25px; - color: lighten($timelineColorAlt1, 10%); -// margin-top: $interiorMargin; + //color: lighten($timelineColorAlt1, 10%); // MOVED to espresso theme } .legend-item { // Inherits from /platform/commonUI/general/res/sass/plots/_plots-main.scss @@ -117,13 +132,12 @@ .l-title { @include ellipsize(); - color: rgba(#fff, 0.4); top: $m; left: $m; position: absolute; } .l-graph { - background: rgba(black, 0.3); + //background: rgba(black, 0.3); // MOVED width: 100%; .l-graph-area { canvas { @@ -282,27 +296,14 @@ .s-timeline-tabular { .l-header .l-cols { top: $timelineTopPaneHeaderElemMargin; bottom: $timelineTopPaneHeaderElemMargin; - .l-col { - border-left: 1px solid rgba(#fff, 0.1); -// height: 100%; - } } .l-pane-l { // Left pane of the tabular area .l-cols { left: $timelineTopPaneHeaderElemMargin; - .s-label .ui-symbol.icon { - //color: $colorKeyFg; - color: $activityTypeTabularFgIcon; - } } } - - .l-pane-r { - // Right pane of the tabular area -// @include test(red, 0.05); - } } .splitter { @@ -325,77 +326,3 @@ height: 5px } } - -//*************************************************************** STYLING -.s-timeline { - font-size: 0.75rem; - .s-header { - background-color: $timelineHeaderColorBg; - } - .s-swimlane { - // @include transition-property(background-color); - // @include transition-duration(0.2s); - // @include transition-timing-function(ease-out); - // border-top: 1px solid rgba(black, 0.2); - border-bottom: 1px solid rgba(white, 0.1); - line-height: $activityBarH + 2 + 1; - /* &:hover { - background: rgba(white, 0.1); - }*/ - &.exceeded { - @include bgDiagonalStripes(#fff, 0.05, $timelineSwimlaneH + 1); - } - - &.selected { - $bg: $colorSwimlaneSelectedBg; - background-color: $bg; - color: #fff; -// @include background-image(linear-gradient(darken($bg, 5), $bg)); - - .s-timeline-gantt .bar { - @include activityBg($colorSwimlaneSelectedGanttBg, 10); - color: $colorSwimlaneSelectedGanttFg; -// background-color: red; -// background-image: none; - } - } - - &.drop-into { - background-color: rgba($colorDropTarg, 0.7); - .s-timeline-gantt { - opacity: 0.7; - } - } - &.drop-after { - background-color: rgba(#000, 0.2); - border-bottom-color: rgba($colorDropTarg, 1.0); - } - } - - .s-ticks { - @include bgTicks($timelineColorAlt1); - } - .s-hover-btns-holder { - $bg: $timelineHeaderColorBg; - $bga: 1; - $l: 5%; - @include background-image(linear-gradient(-90deg, rgba($bg, $bga), rgba($bg, $bga) 70%, rgba($bg, 0) 100%)); - .s-btn { - @include containerSubtle(lighten($colorBodyBg, $l), lighten($colorBodyFg, $l), true); - } - } -} - -.edit-mode .s-swimlane { - cursor: pointer; - .s-label { - @include border-radius($controlCr); - padding: 2px 5px; - &:hover { - background: rgba(#fff, 0.1); - color: #fff; - } - } -} - - diff --git a/platform/features/timeline/res/sass/timeline-espresso.scss b/platform/features/timeline/res/sass/timeline-espresso.scss new file mode 100644 index 0000000000..354d565e0f --- /dev/null +++ b/platform/features/timeline/res/sass/timeline-espresso.scss @@ -0,0 +1,33 @@ +/***************************************************************************** + * 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. + *****************************************************************************/ +@import "compass"; +@import "compass/css3"; +@import "compass/utilities"; + +@import "../../../../commonUI/general/res/sass/constants"; +@import "../../../../commonUI/general/res/sass/mixins"; +@import "../../../../commonUI/themes/espresso/res/sass/constants"; +@import "../../../../commonUI/themes/espresso/res/sass/mixins"; +@import "constants"; +@import "constants-espresso"; +@import "timeline-thematic"; + diff --git a/platform/features/timeline/res/sass/timeline-snow.scss b/platform/features/timeline/res/sass/timeline-snow.scss new file mode 100644 index 0000000000..c1eb4cbd3c --- /dev/null +++ b/platform/features/timeline/res/sass/timeline-snow.scss @@ -0,0 +1,32 @@ +/***************************************************************************** + * 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. + *****************************************************************************/ +@import "compass"; +@import "compass/css3"; +@import "compass/utilities"; + +@import "../../../../commonUI/general/res/sass/constants"; +@import "../../../../commonUI/general/res/sass/mixins"; +@import "../../../../commonUI/themes/snow/res/sass/constants"; +@import "../../../../commonUI/themes/snow/res/sass/mixins"; +@import "constants"; +@import "constants-snow"; +@import "timeline-thematic"; diff --git a/platform/features/timeline/res/sass/timeline.scss b/platform/features/timeline/res/sass/timeline.scss index fe25a008ec..0fea5f0295 100644 --- a/platform/features/timeline/res/sass/timeline.scss +++ b/platform/features/timeline/res/sass/timeline.scss @@ -1,11 +1,32 @@ +/***************************************************************************** + * 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. + *****************************************************************************/ @import "compass"; @import "compass/css3"; @import "compass/utilities"; -@import "../../../../../../commonUI/general/res/sass/constants"; -@import "../../../../../../commonUI/general/res/sass/mixins"; -@import "../../../../../../commonUI/themes/espresso/res/sass/constants"; -@import "../../../../../../commonUI/themes/espresso/res/sass/mixins"; +@import "../../../../commonUI/general/res/sass/constants"; +@import "../../../../commonUI/general/res/sass/mixins"; +@import "../../../../commonUI/themes/espresso/res/sass/constants"; +@import "../../../../commonUI/themes/espresso/res/sass/mixins"; @import "constants"; @import "activities"; @import "timelines"; \ No newline at end of file