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

Add less

Browse source
This commit is contained in:
OVSharova 2021-07-26 04:20:39 +03:00
parent 9e89e09b5b
commit 66b308e733
3 changed files with 42 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
apps/presentationeditor/main/app/view/Transitions.js
View file

@ -62,7 +62,7 @@ define([
var template = var template =
'<section id="transitions-panel" class="panel" data-tab="transit">' + '<section id="transitions-panel" class="panel" data-tab="transit">' +
'<div class="group flex small" id="transit-field-effects" style=" width: 60%; min-width: 168px; " ></div>'+ '<div class="group flex small" id="transit-field-effects" style=" width: 60%; min-width: 178px; " ></div>'+
'<div class="group small">' + '<div class="group small">' +
'<span class="btn-slot text x-huge" id="transit-button-parametrs"></span>' + '<span class="btn-slot text x-huge" id="transit-button-parametrs"></span>' +
@ -148,7 +148,7 @@ define([
} }
return { return {
// el: '#review-changes-panel', // el: '#transitions-panel',
options: {}, options: {},
@ -198,8 +198,8 @@ define([
this.listEffects = new Common.UI.ComboDataView({ this.listEffects = new Common.UI.ComboDataView({
cls: 'combo-styles', cls: 'combo-styles',
itemWidth: 90, itemWidth: 85,
itemHeight: 38, itemHeight: 54,
enableKeyEvents: true, enableKeyEvents: true,
beforeOpenHandler: function (e) { beforeOpenHandler: function (e) {
var cmp = this, var cmp = this,
@ -244,12 +244,12 @@ define([
this.listEffects.fieldPicker.itemTemplate = _.template([ this.listEffects.fieldPicker.itemTemplate = _.template([
'<div class="style" id="<%= id %>">', '<div class="style" id="<%= id %>">',
'<div style="width: ' + this.listEffects.itemWidth + 'px; margin-top: -3px;">', '<div style="width: ' + this.listEffects.itemWidth + 'px; height: '+(this.listEffects.itemHeight-16)+'px; ">',
'<div class="btn btn-toolbar x-huge icon-top"data-toggle="tooltip" data-original-title="" title="">', '<div class="btn btn-toolbar x-huge icon-top"data-toggle="tooltip" data-original-title="" title="">',
'<div class="inner-box-icon" style="width: ' + this.listEffects.itemWidth + 'px; ">', '<div class="inner-box-icon" style="width: ' + (this.listEffects.itemWidth) +'px;">',
'<i class="icon toolbar__icon <%= imageUrl %>"></i>', '<i class="icon toolbar__icon <%= imageUrl %>"></i>',
'</div>', '</div>',
'<div class="inner-box-caption">', '<div class="inner-box-caption" style=" ">',
'<span class="caption" style="font-size: 11px;"><%= title %></span>', '<span class="caption" style="font-size: 11px;"><%= title %></span>',
'</div>', '</div>',
'</div>', '</div>',
@ -302,15 +302,12 @@ define([
el: this.$el.findById('#transit-checkbox-slidenum'), el: this.$el.findById('#transit-checkbox-slidenum'),
labelText: this.strStartOnClick labelText: this.strStartOnClick
}); });
Common.NotificationCenter.on('app:ready', this.onAppReady.bind(this)); Common.NotificationCenter.on('app:ready', this.onAppReady.bind(this));
}, },
render: function (el) { render: function (el) {
this.boxSdk = $('#editor_sdk'); this.boxSdk = $('#editor_sdk');
if ( el ) el.html( this.getPanel() ); if ( el ) el.html( this.getPanel() );
return this; return this;
}, },
@ -410,7 +407,6 @@ define([
minMax=[17,17]; minMax=[17,17];
break; break;
} }
//this.btnParametrs.menu.clearAll();
var selectedElement; var selectedElement;
_.each(this.btnParametrs.menu.items,function (element,index){ _.each(this.btnParametrs.menu.items,function (element,index){
if(((index<minMax[0])||(index>minMax[1]))) if(((index<minMax[0])||(index>minMax[1])))

34
apps/presentationeditor/main/resources/less/Transitions.less Normal file
View file

@ -0,0 +1,34 @@
#transitions-panel {
input {
text-align: left;
}
.item {
border-color: transparent;
border-width: calc(2*@scaled-one-px-value-ie) ;
border-width: calc(@scaled-two-px-value);
&:hover{
border-color: @border-preview-hover-ie;
border-color: @border-preview-hover;
}
&.selected
{
border-color: @border-preview-select-ie;
border-color: @border-preview-select;
}
.btn {
&:hover {
background-color: transparent;
}
.inner-box-icon
{
margin-top: -2px;
}
.inner-box-caption
{
padding-bottom: 10px;
}
}
}
}

1
apps/presentationeditor/main/resources/less/app.less
View file

@ -131,6 +131,7 @@
@import "rightmenu.less"; @import "rightmenu.less";
@import "advanced-settings.less"; @import "advanced-settings.less";
@import "document-preview.less"; @import "document-preview.less";
@import "Transitions";
@import "sprites/iconssmall@1x"; @import "sprites/iconssmall@1x";
@import "sprites/iconsbig@1x"; @import "sprites/iconsbig@1x";