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

[Frontend] Fix plot image cutoff on export

Browse Source 
The images were being cutoff due to the "top" attribute of .gl-plot
not changing when the buttons were hidden. The buttons are now
hidden by CSS class rather than ng-show, which makes updating the
.gl-plot top attribute easier.
This commit is contained in:
David Hudson 2016-09-05 17:02:04 +09:00
parent 7d13ce0626
commit 35a331f3fd
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
platform/commonUI/general/res/sass/plots/_plots-main.scss
View File

@ -43,6 +43,16 @@
top: $btnExportH + $interiorMargin;
}
}
&.hide-l-btn-set {
.s-button.t-export {
@include trans-prop-nice(opacity, 0ms, 0ms);
opacity: 0;
}
.gl-plot {
@include trans-prop-nice(top, $dur: 0ms);
top: 0;
}
}
}
.gl-plot {

5
platform/features/plot/res/templates/plot.html
View File

@ -20,8 +20,9 @@
at runtime from the About dialog for additional information.
-->
<span ng-controller="PlotController as plot"
class="abs holder holder-plot">
<span class="l-btn-set" ng-show="!plot.hideExportButtons">
class="abs holder holder-plot"
ng-class="{'hide-l-btn-set': plot.hideExportButtons}">
<span class="l-btn-set">
<a class="s-button t-export icon-download labeled first"
ng-click="plot.exportJPG()"
title="Export This View's Data as JPG">