SSE and PE

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

View file

@ -1284,7 +1284,9 @@ define([
parentMenu: btn.menu,
restoreHeight: 174,
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'));

View file

@ -791,7 +791,9 @@ define([
parentMenu: btn.menu,
restoreHeight: 174,
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'));

View file

@ -33,7 +33,7 @@
}
.item-gradient {
.background-ximage-all('right-panels/gradients.png', 150px);
//.background-ximage-all('right-panels/gradients.png', 150px);
width:50px;
height:50px;
}
@ -42,40 +42,53 @@
margin-right: 62px !important;
}
.item-gradient-separator {
margin-right: 62px !important;
}
.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,

View file

@ -1310,7 +1310,9 @@ define([
parentMenu: btn.menu,
restoreHeight: 174,
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'));

View file

@ -27,7 +27,7 @@
}
.item-gradient {
.background-ximage-all('right-panels/gradients.png', 150px);
//.background-ximage-all('right-panels/gradients.png', 150px);
width:50px;
height:50px;
}
@ -37,39 +37,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%);
}
.item-wrap {