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

DE gradient fill

Browse source
This commit is contained in:
OVSharova 2021-09-28 03:43:03 +03:00
parent d4fb8b4a64
commit ca20d3b5d4
2 changed files with 23 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
apps/documenteditor/main/app/view/ShapeSettings.js
View file

@ -1371,7 +1371,10 @@ define([
restoreHeight: 174, restoreHeight: 174,
allowScrollbar: false, allowScrollbar: false,
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-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/documenteditor/main/resources/less/rightmenu.less
View file

@ -39,7 +39,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;
@ -50,39 +50,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%);
} }
#signature-requested-sign, #signature-requested-sign,