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

[DE ios] Add format icons.

Browse source
This commit is contained in:
Alexander Yuzhin 2016-11-29 11:37:33 +03:00
parent 02230651af
commit f0562c554d
5 changed files with 112 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
apps/documenteditor/mobile/app/template/Settings.template
View file

@ -227,7 +227,7 @@
<a data-format="65" class="item-link no-indicator">
<div class="item-content">
<div class="item-media">
<i class="icon icon-search"></i>
<i class="icon icon-format-docx"></i>
</div>
<div class="item-inner">
<div class="item-title">DOCX</div>
@ -239,7 +239,7 @@
<a data-format="513" class="item-link no-indicator">
<div class="item-content">
<div class="item-media">
<i class="icon icon-search"></i>
<i class="icon icon-format-pdf"></i>
</div>
<div class="item-inner">
<div class="item-title">PDF</div>
@ -251,7 +251,7 @@
<a data-format="69" class="item-link no-indicator">
<div class="item-content">
<div class="item-media">
<i class="icon icon-search"></i>
<i class="icon icon-format-txt"></i>
</div>
<div class="item-inner">
<div class="item-title">TXT</div>
@ -263,7 +263,7 @@
<a data-format="67" class="item-link no-indicator">
<div class="item-content">
<div class="item-media">
<i class="icon icon-search"></i>
<i class="icon icon-format-odt"></i>
</div>
<div class="item-inner">
<div class="item-title">ODT</div>
@ -275,7 +275,7 @@
<a data-format="2051" class="item-link no-indicator">
<div class="item-content">
<div class="item-media">
<i class="icon icon-search"></i>
<i class="icon icon-format-html"></i>
</div>
<div class="item-inner">
<div class="item-title">HTML</div>

27
apps/documenteditor/mobile/resources/css/app-ios.css
View file

File diff suppressed because one or more lines are too long

27
apps/documenteditor/mobile/resources/css/app-material.css
View file

File diff suppressed because one or more lines are too long

27
apps/documenteditor/mobile/resources/less/ios/_icons.less
View file

@ -343,4 +343,31 @@ i.icon {
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path opacity="0.3" d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/><rect x="8" y="8" width="13" height="13"/></g></svg>');
}
// Formats
&.icon-format-docx {
width: 28px;
height: 28px;
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28"><defs><style>.cls-1{fill:#1c3563;}.cls-2{fill:#fff;fill-rule:evenodd;}.cls-3{fill:#182a4c;}</style></defs><path class="cls-1" d="M18,1H5A1,1,0,0,0,4,2V26a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V7Z"/><polygon class="cls-2" points="9.91 19.63 9.91 12.98 9.5 12.98 9.5 12.36 11.78 12.38 11.78 12.98 11.37 12.98 11.37 17.21 14.21 12.36 15.1 12.38 15.1 17.21 17.59 13.18 17.59 12.98 17.18 12.98 17.18 12.38 19.46 12.38 19.46 12.98 19.05 12.98 14.9 19.63 13.65 19.63 13.65 15.2 11.16 19.63 9.91 19.63 9.91 19.63"/><path class="cls-3" d="M18,1V6a1,1,0,0,0,1,1h5Z"/></svg>');
}
&.icon-format-txt {
width: 28px;
height: 28px;
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28"><defs><style>.cls-1{fill:#666;}.cls-2{fill:#fff;}.cls-3{fill:#4e4e4f;}</style></defs><path class="cls-1" d="M18,1H5A1,1,0,0,0,4,2V26a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V7Z"/><rect class="cls-2" x="8" y="14" width="12" height="0.5"/><rect class="cls-2" x="8" y="12.5" width="12" height="0.5"/><rect class="cls-2" x="8" y="11" width="12" height="0.5"/><rect class="cls-2" x="8" y="9.5" width="12" height="0.5"/><rect class="cls-2" x="8" y="15.5" width="12" height="0.5"/><rect class="cls-2" x="8" y="17" width="12" height="0.5"/><rect class="cls-2" x="8" y="18.5" width="12" height="0.5"/><rect class="cls-2" x="8" y="20" width="12" height="0.5"/><rect class="cls-2" x="8" y="21.5" width="12" height="0.5"/><path class="cls-3" d="M18,1V6a1,1,0,0,0,1,1h5Z"/></svg>');
}
&.icon-format-pdf {
width: 28px;
height: 28px;
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28"><defs><style>.cls-1{fill:#a83a30;}.cls-2{fill:#f6f6f6;}.cls-3{fill:#7f2e27;}</style></defs><path class="cls-1" d="M18,1H5A1,1,0,0,0,4,2V26a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V7Z"/><path class="cls-2" d="M16.75,17a9,9,0,0,1-1.2-.79,7.18,7.18,0,0,1-2-3.25,17.46,17.46,0,0,0,.2-2.9c-0.09.44-.16,1.17-0.4,2.21a6,6,0,0,1-.19-2.91,0.81,0.81,0,0,1,.19-0.3,0.89,0.89,0,0,1,.44.76C14,9,13.54,9,13.43,9H13.17a0.39,0.39,0,0,0-.33.35A7.56,7.56,0,0,0,13.16,13a20.42,20.42,0,0,1-1.39,3.53c-1.69,3.4-3,5.12-3.86,5.12-0.06-.45.83-1.69,2.05-2.6-2.06,1.09-2.49,2.34-2.3,2.58L8,21.81c0.6,0.31,1.63-.51,3.24-3.29a23.72,23.72,0,0,1,5.32-1.13c1.73,0.93,3.72,1.25,3.82.65-0.45.21-1.73-.09-3-0.71,1.78-.11,3.12,0,3.09.58C20.84,17,19.11,16.75,16.75,17ZM11.24,18.5c0.28-.49.58-1,0.9-1.65a14.64,14.64,0,0,0,1.25-3.14,7,7,0,0,0,1.83,2.81,6.78,6.78,0,0,0,.83.6A19.7,19.7,0,0,0,11.24,18.5Z"/><path class="cls-3" d="M18,1V6a1,1,0,0,0,1,1h5Z"/></svg>');
}
&.icon-format-odt {
width: 28px;
height: 28px;
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28"><defs><style>.cls-1{fill:#2e5772;}.cls-2{fill:#fff;}.cls-3{fill:#254457;}</style></defs><path class="cls-1" d="M18,1H5A1,1,0,0,0,4,2V26a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V7Z"/><path class="cls-2" d="M16.25,17.21c-2,.9-2.34,2.17-2.34,2.17a4.33,4.33,0,0,0-2.52-1.7A6.21,6.21,0,0,0,8,18a5.6,5.6,0,0,1,2.73-1.13,5.09,5.09,0,0,1,3,.69,4.22,4.22,0,0,1,2.4-1.16,7.29,7.29,0,0,1,3.35.5,7.53,7.53,0,0,0-3.3.26h0ZM18,14.09a2,2,0,0,0-1.15,1,1.87,1.87,0,0,0-1.18-.91,4.48,4.48,0,0,0-1.94,0,3.09,3.09,0,0,1,1.51-.51,2.81,2.81,0,0,1,1.61.43,2.45,2.45,0,0,1,1.34-.51A4.06,4.06,0,0,1,20,14a5.76,5.76,0,0,0-2,.11h0Z"/><path class="cls-3" d="M18,1V6a1,1,0,0,0,1,1h5Z"/></svg>');
}
&.icon-format-html {
width: 28px;
height: 28px;
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28"><defs><style>.cls-1{fill:#668429;}.cls-2{fill:#fff;}.cls-3{fill:#4e6522;}</style></defs><path class="cls-1" d="M18,1H5A1,1,0,0,0,4,2V26a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V7Z"/><path class="cls-2" d="M11.57,17.93L8,16.47V15.66l3.53-1.46v1l-2.46.9L11.57,17v0.95h0Zm1.73,0.59H12.17l2.67-4.9H16l-2.69,4.9h0Zm3.17-.59V17l2.47-.92-2.47-.91V14.2L20,15.65v0.8l-3.55,1.47h0Z"/><path class="cls-3" d="M18,1V6a1,1,0,0,0,1,1h5Z"/></svg>');
}
}

28
apps/documenteditor/mobile/resources/less/material/_icons.less
View file

@ -264,6 +264,34 @@ i.icon {
height: 28px;
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path opacity="0.3" d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/><rect x="8" y="8" width="13" height="13"/></g></svg>');
}
// Formats
&.icon-format-docx {
width: 28px;
height: 28px;
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28"><defs><style>.cls-1{fill:#1c3563;}.cls-2{fill:#fff;fill-rule:evenodd;}.cls-3{fill:#182a4c;}</style></defs><path class="cls-1" d="M18,1H5A1,1,0,0,0,4,2V26a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V7Z"/><polygon class="cls-2" points="9.91 19.63 9.91 12.98 9.5 12.98 9.5 12.36 11.78 12.38 11.78 12.98 11.37 12.98 11.37 17.21 14.21 12.36 15.1 12.38 15.1 17.21 17.59 13.18 17.59 12.98 17.18 12.98 17.18 12.38 19.46 12.38 19.46 12.98 19.05 12.98 14.9 19.63 13.65 19.63 13.65 15.2 11.16 19.63 9.91 19.63 9.91 19.63"/><path class="cls-3" d="M18,1V6a1,1,0,0,0,1,1h5Z"/></svg>');
}
&.icon-format-txt {
width: 28px;
height: 28px;
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28"><defs><style>.cls-1{fill:#666;}.cls-2{fill:#fff;}.cls-3{fill:#4e4e4f;}</style></defs><path class="cls-1" d="M18,1H5A1,1,0,0,0,4,2V26a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V7Z"/><rect class="cls-2" x="8" y="14" width="12" height="0.5"/><rect class="cls-2" x="8" y="12.5" width="12" height="0.5"/><rect class="cls-2" x="8" y="11" width="12" height="0.5"/><rect class="cls-2" x="8" y="9.5" width="12" height="0.5"/><rect class="cls-2" x="8" y="15.5" width="12" height="0.5"/><rect class="cls-2" x="8" y="17" width="12" height="0.5"/><rect class="cls-2" x="8" y="18.5" width="12" height="0.5"/><rect class="cls-2" x="8" y="20" width="12" height="0.5"/><rect class="cls-2" x="8" y="21.5" width="12" height="0.5"/><path class="cls-3" d="M18,1V6a1,1,0,0,0,1,1h5Z"/></svg>');
}
&.icon-format-pdf {
width: 28px;
height: 28px;
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28"><defs><style>.cls-1{fill:#a83a30;}.cls-2{fill:#f6f6f6;}.cls-3{fill:#7f2e27;}</style></defs><path class="cls-1" d="M18,1H5A1,1,0,0,0,4,2V26a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V7Z"/><path class="cls-2" d="M16.75,17a9,9,0,0,1-1.2-.79,7.18,7.18,0,0,1-2-3.25,17.46,17.46,0,0,0,.2-2.9c-0.09.44-.16,1.17-0.4,2.21a6,6,0,0,1-.19-2.91,0.81,0.81,0,0,1,.19-0.3,0.89,0.89,0,0,1,.44.76C14,9,13.54,9,13.43,9H13.17a0.39,0.39,0,0,0-.33.35A7.56,7.56,0,0,0,13.16,13a20.42,20.42,0,0,1-1.39,3.53c-1.69,3.4-3,5.12-3.86,5.12-0.06-.45.83-1.69,2.05-2.6-2.06,1.09-2.49,2.34-2.3,2.58L8,21.81c0.6,0.31,1.63-.51,3.24-3.29a23.72,23.72,0,0,1,5.32-1.13c1.73,0.93,3.72,1.25,3.82.65-0.45.21-1.73-.09-3-0.71,1.78-.11,3.12,0,3.09.58C20.84,17,19.11,16.75,16.75,17ZM11.24,18.5c0.28-.49.58-1,0.9-1.65a14.64,14.64,0,0,0,1.25-3.14,7,7,0,0,0,1.83,2.81,6.78,6.78,0,0,0,.83.6A19.7,19.7,0,0,0,11.24,18.5Z"/><path class="cls-3" d="M18,1V6a1,1,0,0,0,1,1h5Z"/></svg>');
}
&.icon-format-odt {
width: 28px;
height: 28px;
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28"><defs><style>.cls-1{fill:#2e5772;}.cls-2{fill:#fff;}.cls-3{fill:#254457;}</style></defs><path class="cls-1" d="M18,1H5A1,1,0,0,0,4,2V26a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V7Z"/><path class="cls-2" d="M16.25,17.21c-2,.9-2.34,2.17-2.34,2.17a4.33,4.33,0,0,0-2.52-1.7A6.21,6.21,0,0,0,8,18a5.6,5.6,0,0,1,2.73-1.13,5.09,5.09,0,0,1,3,.69,4.22,4.22,0,0,1,2.4-1.16,7.29,7.29,0,0,1,3.35.5,7.53,7.53,0,0,0-3.3.26h0ZM18,14.09a2,2,0,0,0-1.15,1,1.87,1.87,0,0,0-1.18-.91,4.48,4.48,0,0,0-1.94,0,3.09,3.09,0,0,1,1.51-.51,2.81,2.81,0,0,1,1.61.43,2.45,2.45,0,0,1,1.34-.51A4.06,4.06,0,0,1,20,14a5.76,5.76,0,0,0-2,.11h0Z"/><path class="cls-3" d="M18,1V6a1,1,0,0,0,1,1h5Z"/></svg>');
}
&.icon-format-html {
width: 28px;
height: 28px;
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28"><defs><style>.cls-1{fill:#668429;}.cls-2{fill:#fff;}.cls-3{fill:#4e6522;}</style></defs><path class="cls-1" d="M18,1H5A1,1,0,0,0,4,2V26a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V7Z"/><path class="cls-2" d="M11.57,17.93L8,16.47V15.66l3.53-1.46v1l-2.46.9L11.57,17v0.95h0Zm1.73,0.59H12.17l2.67-4.9H16l-2.69,4.9h0Zm3.17-.59V17l2.47-.92-2.47-.91V14.2L20,15.65v0.8l-3.55,1.47h0Z"/><path class="cls-3" d="M18,1V6a1,1,0,0,0,1,1h5Z"/></svg>');
}
}
// Overwrite color for toolbar