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,
allowScrollbar: false,
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'));

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

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