banananetwork
/
roundcubemail
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Upgrade to Font Awesome 5

Browse Source
pull/5742/merge
Aleksander Machniak 7 years ago
parent cfc408488d
commit c6c1f5985d
23 changed files with 422 additions and 407 deletions
Show Stats Download Patch File Download Diff File

BIN
skins/elastic/fonts/fa-regular-400.woff
View File

Binary file not shown.

BIN
skins/elastic/fonts/fa-regular-400.woff2
View File

Binary file not shown.

BIN
skins/elastic/fonts/fa-solid-900.woff
View File

Binary file not shown.

BIN
skins/elastic/fonts/fa-solid-900.woff2
View File

Binary file not shown.

BIN
skins/elastic/fonts/fontawesome.woff
View File

Binary file not shown.

BIN
skins/elastic/fonts/fontawesome.woff2
View File

Binary file not shown.

21
skins/elastic/styles/embed.less
Unescape Escape View File

@ -11,20 +11,23 @@
/* Style for embedded inline warning */
@import (reference) "fontawesome";
@import (reference) "colors";
@import (reference) "mixins";
@import (reference) "variables";
@import (reference) "mixins";
@font-face {
font-family: 'Icons';
font-style: normal;
font-weight: 900;
src: url("../fonts/fa-solid-900.woff2") format('woff2'),
url("../fonts/fa-solid-900.woff") format('woff');
}
@font-face {
font-family: 'Icons';
src: url("../fonts/fontawesome.woff2") format('woff2'),
url("../fonts/fontawesome.woff") format('woff');
font-style: normal;
font-weight: normal;
font-variant: normal;
text-decoration: inherit;
text-transform: none;
font-weight: 400;
src: url("../fonts/fa-regular-400.woff2") format('woff2'),
url("../fonts/fa-regular-400.woff") format('woff');
}
@font-face {

556
skins/elastic/styles/fontawesome.less vendored
View File

File diff suppressed because it is too large Load Diff

12
skins/elastic/styles/mixins.less
Unescape Escape View File

@ -22,7 +22,7 @@
height: 1em;
font-family: 'Icons';
font-style: normal;
font-weight: normal;
font-weight: 900;
text-decoration: inherit;
text-align: center;
speak: none;
@ -37,6 +37,16 @@
animation: fa-spin 2s infinite linear;
}
.font-icon-solid(@icon) {
content: @icon;
font-weight: 900;
}
.font-icon-regular(@icon) {
content: @icon;
font-weight: 400;
}
.overflow-ellipsis {
overflow: hidden;
text-overflow: ellipsis;

2
skins/elastic/styles/print.less
Unescape Escape View File

@ -9,6 +9,8 @@
* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
*/
/*** Additional styles for printouts ***/
body {
overflow: auto;
height: auto;

21
skins/elastic/styles/styles.less
Unescape Escape View File

@ -9,22 +9,25 @@
* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
*/
@import (reference) "fontawesome";
@import (reference) "colors";
@import (reference) "mixins";
@import (reference) "variables";
@import (reference) "mixins";
/*** Fonts ***/
@font-face {
font-family: 'Icons';
src: url("../fonts/fontawesome.woff2") format('woff2'),
url("../fonts/fontawesome.woff") format('woff');
font-style: normal;
font-weight: normal;
font-variant: normal;
text-decoration: inherit;
text-transform: none;
font-weight: 900;
src: url("../fonts/fa-solid-900.woff2") format('woff2'),
url("../fonts/fa-solid-900.woff") format('woff');
}
@font-face {
font-family: 'Icons';
font-style: normal;
font-weight: 400;
src: url("../fonts/fa-regular-400.woff2") format('woff2'),
url("../fonts/fa-regular-400.woff") format('woff');
}
@font-face {

3
skins/elastic/styles/variables.less
Unescape Escape View File

@ -9,6 +9,9 @@
* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
*/
@import (reference) "fontawesome";
@import (reference) "colors";
@screen-width-large: 1200px;
@screen-width-medium: 1024px;
@screen-width-small: 768px;

10
skins/elastic/styles/widgets/buttons.less
Unescape Escape View File

@ -42,7 +42,7 @@ button.btn {
content: @fa-var-plus-square;
}
&.edit:before {
content: @fa-var-pencil;
content: @fa-var-pencil-alt;
}
&.qrcode:before {
content: @fa-var-qrcode;
@ -58,7 +58,7 @@ button.btn {
}
&.discard:before,
&.delete:before {
content: @fa-var-trash-o;
.font-icon-regular(@fa-var-trash-alt);
}
&.next:before {
content: @fa-var-arrow-right;
@ -76,10 +76,10 @@ button.btn {
&.no:before,
&.close:before,
&.cancel:before {
content: @fa-var-close;
content: @fa-var-times;
}
&.mark:before {
content: @fa-var-star-o;
.font-icon-regular(@fa-var-star);
}
&.toolbar-menu-button:before {
content: @fa-var-ellipsis-v;
@ -94,7 +94,7 @@ button.btn {
}
&.back-content-button:before,
&.remove:before {
content: @fa-var-close;
content: @fa-var-times;
}
&.unlock:before {
content: @fa-var-unlock;

8
skins/elastic/styles/widgets/common.less
Unescape Escape View File

@ -162,7 +162,7 @@ p.image-attachment {
}
a.open:before {
content: @fa-var-external-link;
content: @fa-var-external-link-alt;
}
a.download:before {
@ -444,11 +444,11 @@ table.table {
}
&.subscription:before {
content: @fa-var-feed;
content: @fa-var-rss-square;
}
&.alarm:before {
content: @fa-var-bell-o;
.font-icon-regular(@fa-var-bell);
}
&.read:before {
@ -456,7 +456,7 @@ table.table {
}
&.write:before {
content: @fa-var-pencil;
content: @fa-var-pencil-alt;
}
}

11
skins/elastic/styles/widgets/forms.less
Unescape Escape View File

@ -73,7 +73,7 @@ input.smart-upload {
}
&.delete:before {
content: @fa-var-trash-o;
content: @fa-var-trash-alt;
}
&.advanced:before {
@ -455,13 +455,13 @@ html.ms .propform {
content: @fa-var-home;
}
&.cancel:before {
content: @fa-var-close;
content: @fa-var-times;
}
&.delete:before {
content: @fa-var-trash-o;
content: @fa-var-trash-alt;
}
&.edit:before {
content: @fa-var-pencil;
content: @fa-var-pencil-alt;
}
&.add:before {
content: @fa-var-plus;
@ -615,7 +615,7 @@ html.touch .popupmenu.form {
&.reset:before {
&:extend(.font-icon-class);
content: @fa-var-trash-o;
content: @fa-var-trash-alt;
margin: 0;
}
}
@ -875,6 +875,7 @@ input.icon-checkbox {
display: inline;
font-size: 1.2rem;
cursor: pointer;
width: 1.5em;
&:before {
&:extend(.font-icon-class);

2
skins/elastic/styles/widgets/jqueryui.less
Unescape Escape View File

@ -68,7 +68,7 @@
&:before {
&:extend(.font-icon-class);
content: @fa-var-close;
content: @fa-var-times;
}
}

104
skins/elastic/styles/widgets/lists.less
Unescape Escape View File

@ -207,7 +207,7 @@ html.touch {
margin-right: .5rem;
}
&.preferences > a:before {
content: @fa-var-sliders;
content: @fa-var-sliders-h;
}
&.folders > a:before {
content: @fa-var-folder;
@ -222,10 +222,10 @@ html.touch {
content: @fa-var-lock;
}
&.addressbook a:before {
content: @fa-var-address-book-o;
.font-icon-regular(@fa-var-address-book);
}
&.contactgroup a:before {
content: @fa-var-group;
.font-icon-solid(@fa-var-users);
}
&.contactsearch a:before {
content: @fa-var-search;
@ -234,7 +234,7 @@ html.touch {
content: @fa-var-filter;
}
&.vacation > a:before {
content: @fa-var-clock-o;
.font-icon-regular(@fa-var-clock);
}
&.forward > a:before {
content: @fa-var-share-square;
@ -246,23 +246,23 @@ html.touch {
content: @fa-var-info-circle;
}
&.activesync > a:before {
content: @fa-var-feed;
content: @fa-var-rss-square;
}
&.delegation > a:before {
content: @fa-var-user-secret; // TODO: a better icon
}
&.twofactorauth > a:before {
content: @fa-var-sign-in;
content: @fa-var-sign-in-alt;
}
a.help:before {
content: @fa-var-life-bouy;
content: @fa-var-life-ring;
}
a.about:before {
content: @fa-var-question-circle-o;
.font-icon-regular(@fa-var-question-circle);
}
a.license:before {
content: @fa-var-shield;
content: @fa-var-shield-alt;
}
// autocomplete popup
@ -272,7 +272,7 @@ html.touch {
margin-left: .5rem;
}
&.group > i:before {
content: @fa-var-group;
content: @fa-var-users;
}
}
@ -289,13 +289,13 @@ html.ie11 .listing.iconized li a:before {
content: @fa-var-user;
}
&.contact.group td.name:before {
content: @fa-var-group;
content: @fa-var-users;
}
&.general > td.section:before {
content: @fa-var-desktop;
}
&.mailbox > td.section:before {
content: @fa-var-envelope-o;
.font-icon-regular(@fa-var-envelope);
}
&.mailview > td.section:before {
content: @fa-var-inbox;
@ -307,7 +307,7 @@ html.ie11 .listing.iconized li a:before {
content: @fa-var-user;
}
&.folders > td.section:before {
content: @fa-var-folder-o;
.font-icon-regular(@fa-var-folder);
}
&.server > td.section:before {
content: @fa-var-server;
@ -362,7 +362,7 @@ ul.treelist li {
&:before {
&:extend(.font-icon-class);
content: @fa-var-plus-square-o;
.font-icon-regular(@fa-var-plus-square);
font-size: .8em;
width: .8em;
height: .8em;
@ -370,7 +370,7 @@ ul.treelist li {
}
&.expanded:before {
content: @fa-var-minus-square-o;
.font-icon-regular(@fa-var-minus-square);
}
}
@ -474,55 +474,55 @@ ul.treelist li {
a:before {
&:extend(.font-icon-class);
content: @fa-var-folder-o;
.font-icon-regular(@fa-var-folder);
margin-right: .5rem;
}
&.inbox > a:before {
content: @fa-var-inbox;
.font-icon-solid(@fa-var-inbox);
}
&.trash a:before {
content: @fa-var-trash;
.font-icon-solid(@fa-var-trash-alt);
}
&.trash.empty > a:before {
content: @fa-var-trash-o;
.font-icon-regular(@fa-var-trash-alt);
}
&.drafts a:before {
content: @fa-var-edit;
.font-icon-solid(@fa-var-pencil-alt);
}
&.sent a:before {
content: @fa-var-paper-plane;
.font-icon-solid(@fa-var-paper-plane);
}
&.junk a:before {
content: @fa-var-recycle;
.font-icon-solid(@fa-var-recycle);
}
&.archive > a:before {
content: @fa-var-archive;
.font-icon-solid(@fa-var-archive);
}
&.type-event > a:before {
content: @fa-var-calendar;
.font-icon-solid(@fa-var-calendar);
}
&.type-task > a:before {
content: @fa-var-tasks;
.font-icon-solid(@fa-var-tasks);
}
&.type-journal > a:before {
content: @fa-var-calendar-o;
.font-icon-regular(@fa-var-calendar);
}
&.type-contact > a:before {
content: @fa-var-address-book-o;
.font-icon-regular(@fa-var-address-book);
}
&.type-note > a:before {
content: @fa-var-sticky-note-o;
.font-icon-regular(@fa-var-sticky-note);
}
&.type-configuration > a:before {
content: @fa-var-cog;
.font-icon-solid(@fa-var-cog);
}
&.type-freebusy > a:before {
content: @fa-var-calendar-o;
.font-icon-regular(@fa-var-calendar);
}
&.type-file > a:before {
content: @fa-var-folder;
.font-icon-solid(@fa-var-folder);
}
}
@ -655,22 +655,22 @@ table.fixedcopy {
width: 1em;
}
td.subject span.msgicon.status.unreadchildren:before {
content: @fa-var-star-half-o;
.font-icon-regular(@fa-var-star-half);
font-size: 1.2em;
width: 1em;
}
td.subject span.msgicon.status.replied:before {
content: @fa-var-mail-reply;
content: @fa-var-reply;
font-size: 1.2em;
width: 1em;
}
td.subject span.msgicon.status.forwarded:before {
content: @fa-var-mail-forward;
content: @fa-var-share;
font-size: 1.2em;
width: 1em;
}
td.subject span.msgicon.status.replied.forwarded:before {
content: @fa-var-mail-forward; // TODO
content: @fa-var-share; // TODO
font-size: 1.2em;
width: 1em;
}
@ -688,13 +688,13 @@ table.fixedcopy {
content: @fa-var-paperclip;
}
&.report:before {
content: @fa-var-file-text-o;
.font-icon-regular(@fa-var-file-alt);
}
&.encrypted:before {
content: @fa-var-lock;
}
&.vcard:before {
content: @fa-var-user-o; // vcard_attachments plugin
.font-icon-regular(@fa-var-user); // vcard_attachments plugin
}
}
@ -705,7 +705,7 @@ table.fixedcopy {
tr:hover span.unflagged:before {
&:extend(.font-icon-class);
content: @fa-var-flag-o;
.font-icon-regular(@fa-var-flag);
}
}
@ -767,54 +767,54 @@ html.touch {
&:before {
&:extend(.font-icon-class);
content: @fa-var-file-o;
.font-icon-regular(@fa-var-file);
height: @attachmentslist-item-height;
}
&.txt:before,
&.text:before {
content: @fa-var-file-text-o;
.font-icon-regular(@fa-var-file-alt);
}
&.pdf:before {
content: @fa-var-file-pdf-o;
.font-icon-regular(@fa-var-file-pdf);
}
&.odt:before,
&.doc:before,
&.docx:before,
&.msword:before {
content: @fa-var-file-word-o;
.font-icon-regular(@fa-var-file-word);
}
&.ods:before,
&.xls:before,
&.xlsx:before,
&.msexcel:before {
content: @fa-var-file-excel-o;
.font-icon-regular(@fa-var-file-excel);
}
&.rar:before,
&.zip:before,
&.gz:before {
content: @fa-var-file-zip-o;
.font-icon-regular(@fa-var-file-archive);
}
&.image:before,
&.jpg:before,
&.jpeg:before,
&.png:before {
content: @fa-var-file-image-o;
.font-icon-regular(@fa-var-file-image);
}
&.mp3:before,
&.audio:before {
content: @fa-var-file-audio-o;
.font-icon-regular(@fa-var-file-audio);
}
&.m4p:before,
&.video:before {
content: @fa-var-file-video-o;
.font-icon-regular(@fa-var-file-video);
}
&.ics:before,
@ -823,11 +823,11 @@ html.touch {
}
&.vcard:before {
content: @fa-var-vcard;
.font-icon-regular(@fa-var-address-card);
}
&.html:before {
content: @fa-var-file-code-o;
.font-icon-regular(@fa-var-file-code);
}
&.eml:before,
@ -841,7 +841,7 @@ html.touch {
&.pptx:before,
&.ppsx:before,
&.vnd.mspowerpoint:before {
content: @fa-var-file-powerpoint-o;
.font-icon-regular(@fa-var-file-powerpoint);
}
&.sig:before,
@ -876,14 +876,14 @@ html.touch {
a.cancelupload:before,
a.delete:before {
&:extend(.font-icon-class);
content: @fa-var-trash;
content: @fa-var-trash-alt;
line-height: @attachmentslist-item-height;
height: @attachmentslist-item-height;
}
&.uploading:before {
.animated-icon-class;
content: @fa-var-circle-o-notch;
.font-icon-regular(@fa-var-circle-notch);
}
}
}

4
skins/elastic/styles/widgets/mail.less
Unescape Escape View File

@ -67,7 +67,7 @@
}
&.extwin:before {
content: @fa-var-external-link;
content: @fa-var-external-link-alt;
}
&.headers:before {
@ -75,7 +75,7 @@
}
&.envelope:before {
content: @fa-var-envelope-o;
.font-icon-regular(@fa-var-envelope);
}
&.html:before {

6
skins/elastic/styles/widgets/messages.less
Unescape Escape View File

@ -96,7 +96,7 @@
}
&.loading > i.icon:before {
content: @fa-var-circle-o-notch;
content: @fa-var-circle-notch;
.animated-icon-class;
color: @color-message-loading;
}
@ -107,7 +107,7 @@
}
&.alert-warning > i.icon:before {
content: @fa-var-warning;
content: @fa-var-exclamation-triangle;
color: @color-message-warning;
}
@ -117,7 +117,7 @@
}
&.vcardattachment > i.icon:before {
content: @fa-var-vcard; // vcard_attachments plugin
content: @fa-var-address-card; // vcard_attachments plugin
}
// This works with following structure: <i> <span> [button].

2
skins/elastic/styles/widgets/searchbar.less
Unescape Escape View File

@ -50,7 +50,7 @@
}
&.reset:before {
content: @fa-var-trash;
content: @fa-var-trash-alt;
}
&.options:before {
content: @fa-var-angle-down;

6
skins/elastic/styles/widgets/taskmenu.less
Unescape Escape View File

@ -48,10 +48,10 @@
content: @fa-var-user;
}
&.settings:before {
content: @fa-var-sliders;
content: @fa-var-sliders-h;
}
&.help:before {
content: @fa-var-life-bouy;
content: @fa-var-life-ring;
}
&.logout:before {
content: @fa-var-power-off;
@ -60,7 +60,7 @@
content: @fa-var-question;
}
&.refresh:before {
content: @fa-var-refresh;
content: @fa-var-sync;
}
&.compose:before {
content: @fa-var-edit;

59
skins/elastic/styles/widgets/toolbar.less
Unescape Escape View File

@ -53,16 +53,16 @@
}
&.reply:before {
content: @fa-var-mail-reply;
content: @fa-var-reply;
}
&.reply-all:before {
content: @fa-var-mail-reply-all;
content: @fa-var-reply-all;
}
&.forward:before {
content: @fa-var-mail-forward;
content: @fa-var-share;
}
&.delete:before {
content: @fa-var-trash-o;
content: @fa-var-trash-alt;
}
&.markmessage:before {
content: @fa-var-tag;
@ -74,13 +74,13 @@
content: @fa-var-caret-down;
}
&.settings:before {
content: @fa-var-sliders;
content: @fa-var-sliders-h;
}
&.create:before {
content: @fa-var-plus-square;
}
&.move:before {
content: @fa-var-arrows;
content: @fa-var-arrows-alt;
}
&.purge:before {
content: @fa-var-eraser;
@ -140,7 +140,7 @@
content: @fa-var-window-close;
}
&.save:before {
content: @fa-var-floppy-o;
.font-icon-regular(@fa-var-save);
}
&.vcard:before,
&.attach:before {
@ -156,7 +156,7 @@
content: @fa-var-comment;
}
&.select:before {
content: @fa-var-check-square-o;
.font-icon-regular(@fa-var-check-square);
}
&.threads:before {
content: @fa-var-comments;
@ -165,16 +165,16 @@
content: @fa-var-cog;
}
&.refresh:before {
content: @fa-var-refresh;
content: @fa-var-sync;
}
&.addto:before {
content: @fa-var-envelope-o;
.font-icon-regular(@fa-var-envelope);
}
&.addcc:before {
content: @fa-var-envelope-o;
.font-icon-regular(@fa-var-envelope);
}
&.addbcc:before {
content: @fa-var-envelope-o;
.font-icon-regular(@fa-var-envelope);
}
&.addressbook:before {
content: @fa-var-user;
@ -189,7 +189,7 @@
content: @fa-var-check;
}
&.edit:before {
content: @fa-var-pencil;
content: @fa-var-pencil-alt;
}
&.qrcode:before {
content: @fa-var-qrcode;
@ -337,7 +337,7 @@
}
&.reply:before {
content: @fa-var-mail-reply;
content: @fa-var-reply;
}
&.send:before {
@ -457,7 +457,10 @@
content: @fa-var-copy;
}
a.move:before {
content: @fa-var-arrows;
content: @fa-var-arrows-alt;
}
a.purge:before {
content: @fa-var-eraser;
}
a.source:before {
content: @fa-var-flask;
@ -466,7 +469,7 @@
content: @fa-var-download;
}
a.extwin:before {
content: @fa-var-external-link;
content: @fa-var-external-link-alt;
}
a.create:before {
content: @fa-var-plus-square;
@ -475,10 +478,10 @@
content: @fa-var-edit; // TODO: edit.asnew
}
a.rename:before {
content: @fa-var-pencil; // TODO: better icon?
content: @fa-var-pencil-alt; // TODO: better icon?
}
a.read:before {
content: @fa-var-star-o;
.font-icon-regular(@fa-var-star);
}
a.unread:before {
content: @fa-var-star;
@ -487,20 +490,20 @@
content: @fa-var-flag;
}
a.unflag:before {
content: @fa-var-flag-o;
.font-icon-regular(@fa-var-flag);
}
a.filterlink:before {
content: @fa-var-filter;
}
a.reply.list:before,
a.reply.all:before {
content: @fa-var-mail-reply-all;
content: @fa-var-reply-all;
}
a.forward:before,
a.forward.bounce:before,
a.forward.attachment:before,
a.forward.inline:before {
content: @fa-var-mail-forward;
content: @fa-var-share;
}
a.download.mbox:before,
a.download.eml:before,
@ -512,13 +515,13 @@
content: @fa-var-download;
}
a.select.all:before {
content: @fa-var-check-square-o;
.font-icon-regular(@fa-var-check-square);
}
a.select.none:before {
content: @fa-var-times;
}
a.select.page:before {
content: @fa-var-reorder;
content: @fa-var-bars;
}
a.select.flagged:before {
content: @fa-var-flag;
@ -527,7 +530,7 @@
content: @fa-var-star;
}
a.select.invert:before {
content: @fa-var-square-o;
.font-icon-regular(@fa-var-square);
}
a.expand.all:before,
a.expand.unread:before,
@ -538,7 +541,7 @@
content: @fa-var-search;
}
a.delete:before {
content: @fa-var-trash;
content: @fa-var-trash-alt;
}
a.expunge:before {
content: @fa-var-compress;
@ -547,7 +550,7 @@
content: @fa-var-upload;
}
a.settings:before {
content: @fa-var-sliders;
content: @fa-var-sliders-h;
}
a.insertresponse:before {
content: @fa-var-comment;
@ -559,10 +562,10 @@
content: @fa-var-user;
}
a.recipient:before {
content: @fa-var-envelope-o;
.font-icon-regular(@fa-var-envelope);
}
a.status:before {
content: @fa-var-lightbulb-o;
.font-icon-regular(@fa-var-lightbulb);
}
a.folders:before {
content: @fa-var-folder;

2
skins/elastic/templates/mail.html
Unescape Escape View File

@ -113,7 +113,7 @@
<h3 id="aria-label-mailboxoptions-menu" class="voice"><roundcube:label name="arialabelmailboxmenu" /></h3>
<ul class="toolbarmenu listing" role="menu" aria-labelledby="aria-label-mailboxoptions-menu">
<roundcube:button command="expunge" type="link-menuitem" label="compact" class="expunge" classAct="expunge active" />
<roundcube:button command="purge" type="link-menuitem" label="empty" class="delete" classAct="delete active" />
<roundcube:button command="purge" type="link-menuitem" label="empty" class="purge" classAct="purge active" />
<roundcube:button command="mark-all-read" type="link-menuitem" label="markallread" class="read" classAct="read active" />
<roundcube:button command="folders" task="settings" type="link-menuitem" label="managefolders" class="settings" classAct="settings active" />
<roundcube:container name="mailboxoptions" id="mailboxoptionsmenu" />

Write Preview
Loading…
Cancel
Save