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

SSE and PE

Browse source
This commit is contained in:
OVSharova 2021-09-28 04:14:30 +03:00
parent ca20d3b5d4
commit 3d60527f99
5 changed files with 51 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/presentationeditor/main/app/view/ShapeSettings.js
View file

@ -1284,7 +1284,9 @@ define([
parentMenu: btn.menu, parentMenu: btn.menu,
restoreHeight: 174, restoreHeight: 174,
store: new Common.UI.DataViewStore(me._viewDataLinear), store: new Common.UI.DataViewStore(me._viewDataLinear),
itemTemplate: _.template('<div id="<%= id %>" class="item-gradient" style="background-position: -<%= offsetx %>px -<%= offsety %>px;"></div>') itemTemplate: _.template('<div id="<%= id %>" class="item-gradient" style="background: '
+'<% if(type!=2) {%>linear-gradient(<%= type + 90 %>deg,#000, #fff)'
+' <%} else {%> radial-gradient( #000 , #fff 70%) <%}%>;"></div>')
}); });
}); });
this.btnDirection.render($('#shape-button-direction')); this.btnDirection.render($('#shape-button-direction'));

4
apps/presentationeditor/main/app/view/SlideSettings.js
View file

@ -791,7 +791,9 @@ define([
parentMenu: btn.menu, parentMenu: btn.menu,
restoreHeight: 174, restoreHeight: 174,
store: new Common.UI.DataViewStore(me._viewDataLinear), store: new Common.UI.DataViewStore(me._viewDataLinear),
itemTemplate: _.template('<div id="<%= id %>" class="item-gradient" style="background-position: -<%= offsetx %>px -<%= offsety %>px;"></div>') itemTemplate: _.template('<div id="<%= id %>" class="item-gradient" style="background: '
+'<% if(type!=2) {%>linear-gradient(<%= type + 90 %>deg,#000, #fff)'
+' <%} else {%> radial-gradient( #000 , #fff 70%) <%}%>;"></div>')
}); });
}); });
this.btnDirection.render($('#slide-button-direction')); this.btnDirection.render($('#slide-button-direction'));

33
apps/presentationeditor/main/resources/less/rightmenu.less
View file

@ -33,7 +33,7 @@
} }
.item-gradient { .item-gradient {
.background-ximage-all('right-panels/gradients.png', 150px); //.background-ximage-all('right-panels/gradients.png', 150px);
width:50px; width:50px;
height:50px; height:50px;
} }
@ -42,40 +42,53 @@
margin-right: 62px !important; margin-right: 62px !important;
} }
.item-gradient-separator {
margin-right: 62px !important;
}
.gradient-left-top { .gradient-left-top {
background-position: 0 0; //background-position: 0 0;
background: linear-gradient(to bottom right, #000, #fff);
} }
.gradient-top { .gradient-top {
background-position: -50px 0; //background-position: -50px 0;
background: linear-gradient(to bottom, #000, #fff);
} }
.gradient-right-top { .gradient-right-top {
background-position: -100px 0; //background-position: -100px 0;
background: linear-gradient(to bottom left, #000, #fff);
} }
.gradient-left { .gradient-left {
background-position: 0 -50px; //background-position: 0 -50px;
background: linear-gradient(to right, #000, #fff);
} }
.gradient-right { .gradient-right {
background-position: -100px -50px; //background-position: -100px -50px;
background: linear-gradient(to left, #000, #fff);
} }
.gradient-left-bottom { .gradient-left-bottom {
background-position: 0 -100px; //background-position: 0 -100px;
background: linear-gradient(to top right, #000, #fff);
} }
.gradient-bottom { .gradient-bottom {
background-position: -50px -100px; // background-position: -50px -100px;
background: linear-gradient(to top, #000, #fff);
} }
.gradient-right-bottom { .gradient-right-bottom {
background-position: -100px -100px; //background-position: -100px -100px;
background: linear-gradient(to top left, #000, #fff);
} }
.gradient-radial-center { .gradient-radial-center {
background-position: -100px -150px; //background-position: -100px -150px;
background: radial-gradient( #000 , #fff 70%);
} }
#signature-requested-sign, #signature-requested-sign,

4
apps/spreadsheeteditor/main/app/view/ShapeSettings.js
View file

@ -1310,7 +1310,9 @@ define([
parentMenu: btn.menu, parentMenu: btn.menu,
restoreHeight: 174, restoreHeight: 174,
store: new Common.UI.DataViewStore(me._viewDataLinear), store: new Common.UI.DataViewStore(me._viewDataLinear),
itemTemplate: _.template('<div id="<%= id %>" class="item-gradient" style="background-position: -<%= offsetx %>px -<%= offsety %>px;"></div>') itemTemplate: _.template('<div id="<%= id %>" class="item-gradient" style="background: '
+'<% if(type!=2) {%>linear-gradient(<%= type + 90 %>deg,#000, #fff)'
+' <%} else {%> radial-gradient( #000 , #fff 70%) <%}%>;"></div>')
}); });
}); });
this.btnDirection.render($('#shape-button-direction')); this.btnDirection.render($('#shape-button-direction'));

29
apps/spreadsheeteditor/main/resources/less/rightmenu.less
View file

@ -27,7 +27,7 @@
} }
.item-gradient { .item-gradient {
.background-ximage-all('right-panels/gradients.png', 150px); //.background-ximage-all('right-panels/gradients.png', 150px);
width:50px; width:50px;
height:50px; height:50px;
} }
@ -37,39 +37,48 @@
} }
.gradient-left-top { .gradient-left-top {
background-position: 0 0; //background-position: 0 0;
background: linear-gradient(to bottom right, #000, #fff);
} }
.gradient-top { .gradient-top {
background-position: -50px 0; //background-position: -50px 0;
background: linear-gradient(to bottom, #000, #fff);
} }
.gradient-right-top { .gradient-right-top {
background-position: -100px 0; //background-position: -100px 0;
background: linear-gradient(to bottom left, #000, #fff);
} }
.gradient-left { .gradient-left {
background-position: 0 -50px; //background-position: 0 -50px;
background: linear-gradient(to right, #000, #fff);
} }
.gradient-right { .gradient-right {
background-position: -100px -50px; //background-position: -100px -50px;
background: linear-gradient(to left, #000, #fff);
} }
.gradient-left-bottom { .gradient-left-bottom {
background-position: 0 -100px; //background-position: 0 -100px;
background: linear-gradient(to top right, #000, #fff);
} }
.gradient-bottom { .gradient-bottom {
background-position: -50px -100px; // background-position: -50px -100px;
background: linear-gradient(to top, #000, #fff);
} }
.gradient-right-bottom { .gradient-right-bottom {
background-position: -100px -100px; //background-position: -100px -100px;
background: linear-gradient(to top left, #000, #fff);
} }
.gradient-radial-center { .gradient-radial-center {
background-position: -100px -150px; //background-position: -100px -150px;
background: radial-gradient( #000 , #fff 70%);
} }
.item-wrap { .item-wrap {