ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-18 16:40:58 +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
}">
<div class="c-so-view__header">
<div class="c-so-view__header__name"
:class="cssClass">
<div class="c-so-view__header__icon" :class="cssClass"></div>
<div class="c-so-view__header__name">
{{ domainObject && domainObject.name }}
</div>
<context-menu-drop-down
@ -63,12 +63,15 @@
align-items: center;
margin-bottom: $interiorMargin;
&__icon {
flex: 0 0 auto;
margin-right: $interiorMarginSm;
opacity: 0.5;
}
&__name {
@include headerFont(1em);
display: flex;
&:before {
margin-right: $interiorMarginSm;
}
@include ellipsize();
flex: 0 1 auto;
}
}
@ -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 {
position: absolute;
top: $interiorMargin; right: $interiorMargin;