diff options
Diffstat (limited to 'src/plugins/timelist/timelist.scss')
-rw-r--r-- | src/plugins/timelist/timelist.scss | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/src/plugins/timelist/timelist.scss b/src/plugins/timelist/timelist.scss new file mode 100644 index 000000000..eea87d114 --- /dev/null +++ b/src/plugins/timelist/timelist.scss @@ -0,0 +1,55 @@ +/***************************************************************************** + * Open MCT, Copyright (c) 2014-2022, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT 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 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. + *****************************************************************************/ + +.c-timelist { + & .nowMarker.hasCurrent { + height: 2px; + position: absolute; + z-index: 10; + background: cyan; + width: 100%; + } + + .c-list-item { + /* Time Lists */ + + &.--is-current { + background-color: $colorCurrentBg; + border-top: 1px solid $colorCurrentBorder !important; + color: $colorCurrentFg; + font-weight: bold; + } + + &.--is-future { + background-color: $colorFutureBg; + border-top-color: $colorFutureBorder !important; + color: $colorFutureFg; + } + + &__value { + &.--duration { + width: 5%; + } + } + } + +} |