ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-05-22 02:07:42 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Misc Fixes 2

Browse Source 
- Fix alignment issue in c-so-view__headers;
This commit is contained in:
charlesh88 2019-04-16 21:59:41 -07:00
parent ea69508e22
commit 0f780587c0
1 changed files with 10 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/ui/components/ObjectFrame.vue
View File

@ -26,8 +26,8 @@
'has-complex-content': complexContent 'has-complex-content': complexContent
}"> }">
<div class="c-so-view__header"> <div class="c-so-view__header">
<div class="c-so-view__header__name" <div class="c-so-view__header__icon" :class="cssClass"></div>
:class="cssClass"> <div class="c-so-view__header__name">
{{ domainObject && domainObject.name }} {{ domainObject && domainObject.name }}
</div> </div>
<context-menu-drop-down <context-menu-drop-down
@ -63,12 +63,15 @@
align-items: center; align-items: center;
margin-bottom: $interiorMargin; margin-bottom: $interiorMargin;
&__icon {
flex: 0 0 auto;
margin-right: $interiorMarginSm;
opacity: 0.5;
}
&__name { &__name {
@include headerFont(1em); @include ellipsize();
display: flex; flex: 0 1 auto;
&:before {
margin-right: $interiorMarginSm;
}
} }
} }
@ -88,19 +91,6 @@
} }
} }
&__name {
@include ellipsize();
@include headerFont(1.2em);
flex: 0 1 auto;
&:before {
// Object type icon
flex: 0 0 auto;
margin-right: $interiorMarginSm;
opacity: 0.5;
}
}
&__local-controls { &__local-controls {
position: absolute; position: absolute;
top: $interiorMargin; right: $interiorMargin; top: $interiorMargin; right: $interiorMargin;