ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-20 17:33:23 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

[Front-end] Cleanups to imagery in frame

Browse Source 
Fixes #1704
Imagery now lays out better when very small
in a Layout; refactored .left and .right classes;
This commit is contained in:
Charles Hacskaylo 2017-09-14 10:37:41 -07:00
parent fe60d7abbc
commit 42ddb38629
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
platform/commonUI/general/res/sass/features/_imagery.scss
View File

@ -44,14 +44,16 @@
.l-image-main-controlbar {
font-size: 0.8em;
line-height: inherit;
.left, .right {
.l-datetime-w, .l-controls-w {
direction: rtl;
overflow: hidden;
}
.left {
.l-datetime-w {
@include ellipsize();
margin-right: $interiorMarginSm;
text-align: left;
}
.right {
.l-controls-w {
z-index: 2;
}
.l-date,
@ -138,6 +140,7 @@
/*************************************** LOCAL CONTROLS */
.l-local-controls {
max-width: 200px;
min-width: 100px;
width: 35%;
input[type="range"] {
display: block;

4
platform/features/imagery/res/templates/imagery.html
View File

@ -33,12 +33,12 @@
</div>
<div class="l-image-main-controlbar flex-elem l-flex-row">
<div class="left flex-elem grows">
<div class="l-datetime-w flex-elem grows">
<a class="s-button show-thumbs sm hidden icon-thumbs-strip"
ng-click="showThumbsBubble = (showThumbsBubble) ? false:true"></a>
<span class="l-time">{{imagery.getTime()}}</span>
</div>
<div class="right flex-elem">
<div class="l-controls-w flex-elem">
<a class="s-button pause-play"
ng-click="imagery.paused(!imagery.paused())"
ng-class="{ paused: imagery.paused() }"></a>