diff options
Diffstat (limited to 'src/ui/inspector/ObjectName.vue')
-rw-r--r-- | src/ui/inspector/ObjectName.vue | 34 |
1 files changed, 20 insertions, 14 deletions
diff --git a/src/ui/inspector/ObjectName.vue b/src/ui/inspector/ObjectName.vue index fb0ca300e..9703d4a91 100644 --- a/src/ui/inspector/ObjectName.vue +++ b/src/ui/inspector/ObjectName.vue @@ -1,5 +1,5 @@ /***************************************************************************** - * Open MCT, Copyright (c) 2014-2021, United States Government + * Open MCT, Copyright (c) 2014-2022, United States Government * as represented by the Administrator of the National Aeronautics and Space * Administration. All rights reserved. * @@ -22,28 +22,34 @@ <template> <div class="c-inspector__header"> - <div v-if="!multiSelect" - class="c-inspector__selected c-object-label" - :class="[statusClass]" + <div + v-if="!multiSelect" + class="c-inspector__selected c-object-label" + :class="[statusClass]" > - <div class="c-object-label__type-icon" - :class="typeCssClass" + <div + class="c-object-label__type-icon" + :class="typeCssClass" > - <span class="is-status__indicator" - :title="`This item is ${status}`" + <span + class="is-status__indicator" + :title="`This item is ${status}`" ></span> </div> - <span v-if="!singleSelectNonObject" - class="c-inspector__selected c-object-label__name" + <span + v-if="!singleSelectNonObject" + class="c-inspector__selected c-object-label__name" >{{ item.name }}</span> - <div v-if="singleSelectNonObject" - class="c-inspector__selected c-inspector__selected--non-domain-object c-object-label" + <div + v-if="singleSelectNonObject" + class="c-inspector__selected c-inspector__selected--non-domain-object c-object-label" > <span class="c-object-label__name">Layout Object</span> </div> </div> - <div v-if="multiSelect" - class="c-inspector__multiple-selected" + <div + v-if="multiSelect" + class="c-inspector__multiple-selected" > {{ itemsSelected }} items selected </div> |