[PE mobile] Change icons.

This commit is contained in:
Julia Radzhabova 2017-01-16 15:12:23 +03:00
parent 8ab93d34ca
commit 30f1de1aa5
5 changed files with 31 additions and 1 deletions

View file

@ -29,7 +29,7 @@
</a>
<% } %>
<a href="#" id="toolbar-preview" class="link icon-only">
<i class="icon icon-edit"></i>
<i class="icon icon-play"></i>
</a>
<a href="#" id="toolbar-edit" class="link icon-only" style="display: none;">
<i class="icon icon-edit"></i>

View file

@ -6281,6 +6281,11 @@ i.icon.icon-edit {
height: 22px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C20h22v1H0V20z%22%2F%3E%3Cpolygon%20points%3D%2219.3%2C5.3%206.1%2C18.4%204.6%2C16.9%2017.8%2C3.8%2017.1%2C3.1%203.5%2C16.7%203%2C20%206.3%2C19.5%2019.9%2C5.9%20%09%22%2F%3E%3Cpath%20d%3D%22M20.5%2C5.3L22%2C3.8c0%2C0-0.2-1.2-0.9-1.9C20.4%2C1.1%2C19.2%2C1%2C19.2%2C1l-1.5%2C1.5L20.5%2C5.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon.icon-play {
width: 22px;
height: 22px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cpath%20d%3D%22M4.0464363%2C2.9884553c0.006526%2C0.00296%2C0.0142345%2C0.006835%2C0.0231438%2C0.0119021%20c0.5908604%2C0.3357637%2C12.7118397%2C7.2924433%2C13.8977489%2C8.0268402c-0.5831585%2C0.3417759-13.0137587%2C7.4879274-13.934659%2C7.9826727%20L4.0464363%2C2.9884553%20M3.9889357%2C2C3.4427795%2C2.0000577%2C3.000525%2C2.4533575%2C3.000525%2C3.015348%09c0%2C0.573487%2C0%2C15.1632957%2C0%2C15.9945221C3.000525%2C19.622963%2C3.4796104%2C20%2C3.9940588%2C20%20c0.1729372%2C0%2C0.3499191-0.0426311%2C0.5139763-0.1332226c0.8905602-0.491045%2C13.1880894-7.5583372%2C13.9407387-7.9994459%20c0.6751213-0.3955202%2C0.6867313-1.337512%2C0-1.7326603C17.4031754%2C9.5333271%2C5.1523852%2C2.501852%2C4.5393953%2C2.1535165%20C4.3526201%2C2.0472794%2C4.165401%2C1.9999813%2C3.9889357%2C2L3.9889357%2C2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon.icon-undo {
width: 22px;
height: 22px;

View file

@ -5883,6 +5883,11 @@ i.icon.icon-edit {
height: 22px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C20h22v1H0V20z%22%2F%3E%3Cpolygon%20points%3D%2217.1%2C3.1%203.5%2C16.7%203%2C20%206.3%2C19.5%2019.9%2C5.9%20%09%22%2F%3E%3Cpath%20d%3D%22M20.5%2C5.3L22%2C3.8c0%2C0-0.2-1.2-0.9-1.9C20.4%2C1.1%2C19.2%2C1%2C19.2%2C1l-1.5%2C1.5L20.5%2C5.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon.icon-play {
width: 22px;
height: 22px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cpath%20d%3D%22M4.0464363%2C2.9884553c0.006526%2C0.00296%2C0.0142345%2C0.006835%2C0.0231438%2C0.0119021%20c0.5908604%2C0.3357637%2C12.7118397%2C7.2924433%2C13.8977489%2C8.0268402c-0.5831585%2C0.3417759-13.0137587%2C7.4879274-13.934659%2C7.9826727%20L4.0464363%2C2.9884553%20M3.9889357%2C2C3.4427795%2C2.0000577%2C3.000525%2C2.4533575%2C3.000525%2C3.015348%09c0%2C0.573487%2C0%2C15.1632957%2C0%2C15.9945221C3.000525%2C19.622963%2C3.4796104%2C20%2C3.9940588%2C20%20c0.1729372%2C0%2C0.3499191-0.0426311%2C0.5139763-0.1332226c0.8905602-0.491045%2C13.1880894-7.5583372%2C13.9407387-7.9994459%20c0.6751213-0.3955202%2C0.6867313-1.337512%2C0-1.7326603C17.4031754%2C9.5333271%2C5.1523852%2C2.501852%2C4.5393953%2C2.1535165%20C4.3526201%2C2.0472794%2C4.165401%2C1.9999813%2C3.9889357%2C2L3.9889357%2C2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon.icon-reader {
width: 22px;
height: 22px;
@ -6137,6 +6142,11 @@ i.icon.icon-format-pdf {
height: 22px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C20h22v1H0V20z%22%2F%3E%3Cpolygon%20points%3D%2217.1%2C3.1%203.5%2C16.7%203%2C20%206.3%2C19.5%2019.9%2C5.9%20%09%22%2F%3E%3Cpath%20d%3D%22M20.5%2C5.3L22%2C3.8c0%2C0-0.2-1.2-0.9-1.9C20.4%2C1.1%2C19.2%2C1%2C19.2%2C1l-1.5%2C1.5L20.5%2C5.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.navbar i.icon.icon-play {
width: 22px;
height: 22px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M4.0464363%2C2.9884553c0.006526%2C0.00296%2C0.0142345%2C0.006835%2C0.0231438%2C0.0119021%20c0.5908604%2C0.3357637%2C12.7118397%2C7.2924433%2C13.8977489%2C8.0268402c-0.5831585%2C0.3417759-13.0137587%2C7.4879274-13.934659%2C7.9826727%20L4.0464363%2C2.9884553%20M3.9889357%2C2C3.4427795%2C2.0000577%2C3.000525%2C2.4533575%2C3.000525%2C3.015348%09c0%2C0.573487%2C0%2C15.1632957%2C0%2C15.9945221C3.000525%2C19.622963%2C3.4796104%2C20%2C3.9940588%2C20%20c0.1729372%2C0%2C0.3499191-0.0426311%2C0.5139763-0.1332226c0.8905602-0.491045%2C13.1880894-7.5583372%2C13.9407387-7.9994459%20c0.6751213-0.3955202%2C0.6867313-1.337512%2C0-1.7326603C17.4031754%2C9.5333271%2C5.1523852%2C2.501852%2C4.5393953%2C2.1535165%20C4.3526201%2C2.0472794%2C4.165401%2C1.9999813%2C3.9889357%2C2L3.9889357%2C2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.navbar i.icon.icon-settings {
width: 22px;
height: 22px;

View file

@ -15,6 +15,11 @@ i.icon {
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="@{themeColor}"><g><path d="M0,20h22v1H0V20z"/><polygon points="19.3,5.3 6.1,18.4 4.6,16.9 17.8,3.8 17.1,3.1 3.5,16.7 3,20 6.3,19.5 19.9,5.9 "/><path d="M20.5,5.3L22,3.8c0,0-0.2-1.2-0.9-1.9C20.4,1.1,19.2,1,19.2,1l-1.5,1.5L20.5,5.3z"/></g></svg>');
}
&.icon-play {
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="@{themeColor}"><g><path d="M4.0464363,2.9884553c0.006526,0.00296,0.0142345,0.006835,0.0231438,0.0119021 c0.5908604,0.3357637,12.7118397,7.2924433,13.8977489,8.0268402c-0.5831585,0.3417759-13.0137587,7.4879274-13.934659,7.9826727 L4.0464363,2.9884553 M3.9889357,2C3.4427795,2.0000577,3.000525,2.4533575,3.000525,3.015348 c0,0.573487,0,15.1632957,0,15.9945221C3.000525,19.622963,3.4796104,20,3.9940588,20 c0.1729372,0,0.3499191-0.0426311,0.5139763-0.1332226c0.8905602-0.491045,13.1880894-7.5583372,13.9407387-7.9994459 c0.6751213-0.3955202,0.6867313-1.337512,0-1.7326603C17.4031754,9.5333271,5.1523852,2.501852,4.5393953,2.1535165 C4.3526201,2.0472794,4.165401,1.9999813,3.9889357,2L3.9889357,2z"/></g></svg>');
}
&.icon-undo {
width: 22px;
height: 22px;

View file

@ -20,6 +20,11 @@ i.icon {
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="@{themeColor}"><g><path d="M0,20h22v1H0V20z"/><polygon points="17.1,3.1 3.5,16.7 3,20 6.3,19.5 19.9,5.9 "/><path d="M20.5,5.3L22,3.8c0,0-0.2-1.2-0.9-1.9C20.4,1.1,19.2,1,19.2,1l-1.5,1.5L20.5,5.3z"/></g></svg>');
}
&.icon-play {
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="@{themeColor}"><g><path d="M4.0464363,2.9884553c0.006526,0.00296,0.0142345,0.006835,0.0231438,0.0119021 c0.5908604,0.3357637,12.7118397,7.2924433,13.8977489,8.0268402c-0.5831585,0.3417759-13.0137587,7.4879274-13.934659,7.9826727 L4.0464363,2.9884553 M3.9889357,2C3.4427795,2.0000577,3.000525,2.4533575,3.000525,3.015348 c0,0.573487,0,15.1632957,0,15.9945221C3.000525,19.622963,3.4796104,20,3.9940588,20 c0.1729372,0,0.3499191-0.0426311,0.5139763-0.1332226c0.8905602-0.491045,13.1880894-7.5583372,13.9407387-7.9994459 c0.6751213-0.3955202,0.6867313-1.337512,0-1.7326603C17.4031754,9.5333271,5.1523852,2.501852,4.5393953,2.1535165 C4.3526201,2.0472794,4.165401,1.9999813,3.9889357,2L3.9889357,2z"/></g></svg>');
}
&.icon-reader {
width: 22px;
height: 22px;
@ -310,6 +315,11 @@ i.icon {
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="@{navBarIconColor}"><g><path d="M0,20h22v1H0V20z"/><polygon points="17.1,3.1 3.5,16.7 3,20 6.3,19.5 19.9,5.9 "/><path d="M20.5,5.3L22,3.8c0,0-0.2-1.2-0.9-1.9C20.4,1.1,19.2,1,19.2,1l-1.5,1.5L20.5,5.3z"/></g></svg>');
}
&.icon-play {
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="@{navBarIconColor}"><g><path d="M4.0464363,2.9884553c0.006526,0.00296,0.0142345,0.006835,0.0231438,0.0119021 c0.5908604,0.3357637,12.7118397,7.2924433,13.8977489,8.0268402c-0.5831585,0.3417759-13.0137587,7.4879274-13.934659,7.9826727 L4.0464363,2.9884553 M3.9889357,2C3.4427795,2.0000577,3.000525,2.4533575,3.000525,3.015348 c0,0.573487,0,15.1632957,0,15.9945221C3.000525,19.622963,3.4796104,20,3.9940588,20 c0.1729372,0,0.3499191-0.0426311,0.5139763-0.1332226c0.8905602-0.491045,13.1880894-7.5583372,13.9407387-7.9994459 c0.6751213-0.3955202,0.6867313-1.337512,0-1.7326603C17.4031754,9.5333271,5.1523852,2.501852,4.5393953,2.1535165 C4.3526201,2.0472794,4.165401,1.9999813,3.9889357,2L3.9889357,2z"/></g></svg>');
}
&.icon-settings {
width: 22px;
height: 22px;