Plot label height adjustment. (#2524)

* Plot label height adjustment.

* initialize xaxis label.

* Plot label height adjustment.

* initialize xaxis label.

* Fixes incorrect width applied to the plot's X axis wrapper
This commit is contained in:
Nikhil 2019-10-30 18:09:56 -07:00 committed by Deep Tailor
parent 6d526eaf42
commit fab8bb516a
3 changed files with 3 additions and 6 deletions

View File

@ -214,11 +214,7 @@
</div>
</div>
<div class="gl-plot-axis-area gl-plot-x"
ng-style="{
left: (tickWidth - 30) + 'px'
}">
<div class="gl-plot-axis-area gl-plot-x">
<mct-ticks axis="xAxis">
<div ng-repeat="tick in ticks track by tick.value"
class="gl-plot-tick gl-plot-x-tick-label"

View File

@ -31,6 +31,7 @@ define([
var XAxisModel = Model.extend({
initialize: function (options) {
this.plot = options.plot;
this.set('label', options.model.name || '');
this.on('change:range', function (newValue, oldValue, model) {
if (!model.get('frozen')) {
model.set('displayRange', newValue);

View File

@ -56,7 +56,7 @@ $tabularTdPadTB: 2px;
$plotYBarW: 60px;
$plotYLabelMinH: 20px;
$plotYLabelW: 10px;
$plotXBarH: 20px;
$plotXBarH: 35px;
$plotLegendH: 20px;
$plotSwatchD: 8px;
$plotDisplayArea: (0, 0, $plotXBarH, $plotYBarW); // 1: Top, 2: right, 3: bottom, 4: left