[SSE mobile] updated icons

This commit is contained in:
Maxim Kadushkin 2017-01-11 15:29:33 +03:00
parent a1b0a2a92c
commit e2f8b1d24e
5 changed files with 5 additions and 12 deletions

View file

@ -12,7 +12,7 @@
<div class="item-content">
<div class="item-inner">
<div class="item-title"><%= f.caption %></div>
<div class="item-after"><span class="info"></span></div>
<div class="item-after"><i class="icon icon-info"></i></div>
</div>
</div>
</a>
@ -61,7 +61,7 @@
<div class="item-content">
<div class="item-inner">
<div class="item-title"><%= f.caption %></div>
<div class="item-after"><span class="info"></span></div>
<div class="item-after"><i class="icon icon-info"></i></div>
</div>
</div>
</a>

View file

@ -85,7 +85,7 @@ define([
initEvents: function () {
var me = this;
$('.settings').single('click', '.function .info', this.onFunctionInfoClick.bind(this))
$('.settings').single('click', '.function .icon-info', this.onFunctionInfoClick.bind(this))
.on('click', '.function > a', this.onFunctionClick.bind(this));
$('.groups a.group').single('click', this.onGroupClick.bind(this));

Binary file not shown.

Before

Width:  |  Height:  |  Size: 537 B

View file

@ -36,13 +36,6 @@
align-items: stretch;
}
.info {
width: 22px;
height: 22px;
background-image: url(../img/docinfo.png);
background-size: contain;
}
.small-picker {
.picker-item {
font-size: 14px;

View file

@ -130,12 +130,12 @@ i.icon {
&.icon-insimage {
width: 22px;
height: 22px;
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="#f00"><g><path d="M12.4,9.8c0,0-2.1-0.1-3.8,1.2c-2.8,2-3.3,4.3-3.3,4.3s1.6-1.7,3.5-2.5c1.7-0.7,3.7-0.4,3.7-0.4v1.9l4.8-3.3V11l-4.8-3.3V9.8z M11,1C5.5,1,1,5.5,1,11c0,5.5,4.5,10,10,10s10-4.5,10-10C21,5.5,16.5,1,11,1z M11,20c-5,0-9-4.1-9-9C2,6,6,2,11,2s9,4.1,9,9C20,16,16,20,11,20z"/></g></svg>');
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><path id="XMLID_43_" d="M19,4L19,4H3v15l0,0l0,0l0,0h17V4H19z M7.5,7C8.3,7,9,7.7,9,8.5S8.3,10,7.5,10S6,9.3,6,8.5S6.7,7,7.5,7zM5.2,18l5.5-5.5l5.5,5.5H5.2z M19,18h-1.5l-4.3-4.3l4-4l1.8,1.8V18z"/></svg>');
}
&.icon-sort {
width: 22px;
height: 22px;
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="#f00"><g><path d="M12.4,9.8c0,0-2.1-0.1-3.8,1.2c-2.8,2-3.3,4.3-3.3,4.3s1.6-1.7,3.5-2.5c1.7-0.7,3.7-0.4,3.7-0.4v1.9l4.8-3.3V11l-4.8-3.3V9.8z M11,1C5.5,1,1,5.5,1,11c0,5.5,4.5,10,10,10s10-4.5,10-10C21,5.5,16.5,1,11,1z M11,20c-5,0-9-4.1-9-9C2,6,6,2,11,2s9,4.1,9,9C20,16,16,20,11,20z"/></g></svg>');
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><polygon points="8,16.4 7.3,15.7 5,18.1 5,2 4,2 4,18.1 1.7,15.7 1,16.4 4.5,20 4.5,20 4.5,20 "/><path d="M19.3,4H8.7C8.1,4,7.8,4.6,8.1,5.1l3.9,5.9v4.7l2.8,1.5c0.5,0.3,1.1-0.1,1.1-0.7V11h0l3.9-5.9C20.2,4.6,19.9,4,19.3,4z"/></svg>');
}
&.icon-image-library {
width: 22px;