Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

style as table

Browse source
This commit is contained in:
OVSharova 2021-11-01 04:39:41 +03:00
parent 6c719bcf17
commit 35431e5e26
4 changed files with 37 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/presentationeditor/main/app/controller/Animation.js
View file

@ -232,7 +232,7 @@ define([
me.cmbStart.selectRecord(item ? item : me.cmbStart.items[0]);
this.view.setWidthRow();
//this.view.setWidthRow();
}

37
apps/presentationeditor/main/app/template/Toolbar.template
View file

@ -198,25 +198,25 @@
</div>
</div>
<div class="separator long"></div>
<div class="group small" >
<div class="elset font-normal">
<label id="animation-label-start"></label>
<div class="btn-slot" style="width: 96px; " id="animation-start"></div>
<div class="group small a-table">
<div class="elset font-normal a-tr">
<div class="a-td"><label id="animation-label-start"></label></div>
<div class="a-td"><div class="btn-slot" style="width: 96px; " id="animation-start"></div></div>
</div>
<div class="elset font-normal">
<label id="animation-delay"></label>
<span id="animation-spin-delay" class="btn-slot text spinner" ></span>
<div class="elset font-normal a-tr bottom">
<div class="a-td"><label id="animation-delay"></label></div>
<div class="a-td"><span id="animation-spin-delay" class="btn-slot text spinner" ></span></div>
</div>
</div>
<div class="separator long"></div>
<div class="group small">
<div class="elset font-normal">
<label id="animation-duration"></label>
<span id="animation-spin-duration" class="btn-slot text spinner" ></span>
<div class="group small a-table">
<div class="elset font-normal a-tr">
<div class="a-td"><label id="animation-duration"></label></div>
<div class="a-td"><span id="animation-spin-duration" class="btn-slot text spinner" ></span></div>
</div>
<div class="elset font-normal">
<label id="animation-label-trigger"></label>
<div class="btn-slot" style="width: 82px; " id="animation-trigger"></div>
<div class="elset font-normal a-tr bottom">
<div class="a-td"><label id="animation-label-trigger"></label></div>
<div class="a-td"><div class="btn-slot" style="width: 82px; " id="animation-trigger"></div></div>
</div>
</div>
<div class="separator long"></div>
@ -229,14 +229,7 @@
<span class="btn-slot text" id="animation-checkbox-rewind"></span>
</div>
</div>
<div class="separator long"></div>
<div class="group small" style = "min-width: 122px;">
<div class="elset font-normal">
<label id="animation-repeat2"></label>
<span id="animation-spin-repeat2" class="btn-slot text spinner" ></span>
</div>
<div class="elset font-normal"></div>
</div>
</section>
</section>

17
apps/presentationeditor/main/app/view/Animation.js
View file

@ -315,27 +315,12 @@ define([
});
this.lockedControls.push(this.numRepeat);
this.numRepeat2 = new Common.UI.MetricSpinner({
el: this.$el.find('#animation-spin-repeat2'),
step: 1,
width: 88,
value: '',
maxValue: 1000,
minValue: 0,
//lock: [_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock],
dataHint: '1',
dataHintDirection: 'bottom',
dataHintOffset: 'big'
});
this.lockedControls.push(this.numRepeat2);
Common.Utils.lockControls(PE.enumLock.disableOnStart, true, {array: this.lockedControls});
this.$el.find('#animation-duration').text(this.strDuration);
this.$el.find('#animation-delay').text(this.strDelay);
this.$el.find('#animation-label-start').text(this.strStart);
this.$el.find('#animation-repeat').text(this.strRepeat);
this.$el.find('#animation-repeat2').text(this.strRepeat);
this.$el.find('#animation-label-trigger').text(this.strTrigger);
Common.NotificationCenter.on('app:ready', this.onAppReady.bind(this));
},
@ -404,13 +389,11 @@ define([
this.renderComponent('#animation-spin-duration', this.numDuration);
this.renderComponent('#animation-spin-delay', this.numDelay);
this.renderComponent('#animation-spin-repeat', this.numRepeat);
this.renderComponent('#animation-spin-repeat2', this.numRepeat2);
this.$el.find("#animation-duration").innerText = this.strDuration;
this.$el.find("#animation-delay").innerText = this.strDelay;
this.$el.find("#animation-label-start").innerText = this.strStart;
this.$el.find("#animation-label-trigger").innerText = this.strTrigger;
this.$el.find("#animation-repeat").innerText = this.strRepeat;
this.$el.find("#animation-repeat2").innerText = this.strRepeat;
this.widthRow(this.$el.find("#animation-label-start"), this.$el.find("#animation-delay"));
return this.$el;
},

29
apps/presentationeditor/main/resources/less/animation.less
View file

@ -36,15 +36,32 @@
}
}
/*.spinner
{
margin-left: 10px;
}*/
label {
margin-right: 10px;
}
}
.a-table{
display: table;
width: 100%;
}
.a-tr{
display: table-row;
height: 20px;
border-top: 2px solid transparent;
&.bottom {
border-top: 4px solid transparent;
}
.a-td
{
display: table-cell;
}
}
.caption{
line-height: 18px;
font-size: 11px;
}
.btn_item {
color: @text-normal-ie;
color: @text-normal;
@ -59,8 +76,4 @@
margin-top: -2px;
}
.caption{
line-height: 18px;
font-size: 11px;
}
}