mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-08-28 03:29:20 +03:00
Move from icomoon to fontastic
This commit is contained in:
parent
a158929afd
commit
b4e52e768c
64 changed files with 2132 additions and 1554 deletions
|
|
@ -337,66 +337,6 @@ ko.bindingHandlers.nano = {
|
|||
}
|
||||
};
|
||||
|
||||
ko.bindingHandlers.saveTrigger1 = {
|
||||
'init': function (oElement) {
|
||||
|
||||
var $oEl = $(oElement);
|
||||
|
||||
$oEl.data('save-trigger-type', $oEl.is('input[type=text]') ? 'input' : 'custom');
|
||||
|
||||
if ('custom' === $oEl.data('save-trigger-type'))
|
||||
{
|
||||
$oEl.append(
|
||||
' <i class="icon-spinner-2 animated"></i><i class="icon-remove error"></i><i class="icon-ok success"></i>'
|
||||
).addClass('settings-saved-trigger');
|
||||
}
|
||||
else
|
||||
{
|
||||
$oEl.addClass('settings-saved-trigger-input');
|
||||
}
|
||||
},
|
||||
'update': function (oElement, fValueAccessor) {
|
||||
var
|
||||
mValue = ko.utils.unwrapObservable(fValueAccessor()),
|
||||
$oEl = $(oElement),
|
||||
bCustom = 'custom' === $oEl.data('save-trigger-type'),
|
||||
sSuffix = bCustom ? '' : '-input'
|
||||
;
|
||||
|
||||
switch (mValue.toString())
|
||||
{
|
||||
case '1':
|
||||
$oEl
|
||||
.find('.sst-animated' + sSuffix + ',.sst-error' + sSuffix).hide().removeClass('sst-visible' + sSuffix)
|
||||
.end()
|
||||
.find('.sst-success' + sSuffix).show().addClass('sst-visible' + sSuffix)
|
||||
;
|
||||
break;
|
||||
case '0':
|
||||
$oEl
|
||||
.find('.sst-animated' + sSuffix + ',.sst-success' + sSuffix).hide().removeClass('sst-visible' + sSuffix)
|
||||
.end()
|
||||
.find('.sst-error' + sSuffix).show().addClass('sst-visible' + sSuffix)
|
||||
;
|
||||
break;
|
||||
case '-2':
|
||||
$oEl
|
||||
.find('.sst-error' + sSuffix + ',.sst-success' + sSuffix).hide().removeClass('sst-visible' + sSuffix)
|
||||
.end()
|
||||
.find('.sst-animated' + sSuffix).show().addClass('sst-visible' + sSuffix)
|
||||
;
|
||||
break;
|
||||
default:
|
||||
$oEl
|
||||
.find('.sst-animated' + sSuffix).hide()
|
||||
.end()
|
||||
.find('.sst-error' + sSuffix + ',.sst-success' + sSuffix).removeClass('sst-visible' + sSuffix)
|
||||
;
|
||||
break;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
ko.bindingHandlers.saveTrigger = {
|
||||
'init': function (oElement) {
|
||||
|
||||
|
|
@ -407,7 +347,7 @@ ko.bindingHandlers.saveTrigger = {
|
|||
if ('custom' === $oEl.data('save-trigger-type'))
|
||||
{
|
||||
$oEl.append(
|
||||
' <i class="icon-spinner-2 animated"></i><i class="icon-remove error"></i><i class="icon-ok success"></i>'
|
||||
' <i class="icon-spinner animated"></i><i class="icon-remove error"></i><i class="icon-ok success"></i>'
|
||||
).addClass('settings-saved-trigger');
|
||||
}
|
||||
else
|
||||
|
|
|
|||
|
|
@ -1271,7 +1271,7 @@ Utils.convertPlainTextToHtml = function (sPlain)
|
|||
|
||||
Utils.draggeblePlace = function ()
|
||||
{
|
||||
return $('<div class="draggablePlace"><span class="text"></span> <i class="icon-envelope icon-white"></i></div>').appendTo('#rl-hidden');
|
||||
return $('<div class="draggablePlace"><span class="text"></span> <i class="icon-mail icon-white"></i></div>').appendTo('#rl-hidden');
|
||||
};
|
||||
|
||||
Utils.defautOptionsAfterRender = function (oOption, oItem)
|
||||
|
|
|
|||
|
|
@ -158,36 +158,36 @@ AttachmentModel.prototype.iconClass = function ()
|
|||
{
|
||||
if ('image' === aParts[0])
|
||||
{
|
||||
sClass = 'icon-image';
|
||||
sClass = 'icon-file-image';
|
||||
}
|
||||
else if ('text' === aParts[0])
|
||||
{
|
||||
sClass = 'icon-file-xml';
|
||||
sClass = 'icon-file-text';
|
||||
}
|
||||
else if ('audio' === aParts[0])
|
||||
{
|
||||
sClass = 'icon-music';
|
||||
sClass = 'icon-file-music';
|
||||
}
|
||||
else if ('video' === aParts[0])
|
||||
{
|
||||
sClass = 'icon-film';
|
||||
sClass = 'icon-file-movie';
|
||||
}
|
||||
else if (-1 < Utils.inArray(aParts[1],
|
||||
['zip', '7z', 'tar', 'rar', 'gzip', 'bzip', 'bzip2', 'x-zip', 'x-7z', 'x-rar', 'x-tar', 'x-gzip', 'x-bzip', 'x-bzip2', 'x-zip-compressed', 'x-7z-compressed', 'x-rar-compressed']))
|
||||
{
|
||||
sClass = 'icon-file-zip';
|
||||
}
|
||||
else if (-1 < Utils.inArray(aParts[1],
|
||||
['pdf', 'x-pdf']))
|
||||
{
|
||||
sClass = 'icon-file-pdf';
|
||||
}
|
||||
else if (-1 < Utils.inArray(aParts[1], [
|
||||
'exe', 'x-exe', 'x-winexe', 'bat'
|
||||
]))
|
||||
{
|
||||
sClass = 'icon-console';
|
||||
}
|
||||
// else if (-1 < Utils.inArray(aParts[1],
|
||||
// ['pdf', 'x-pdf']))
|
||||
// {
|
||||
// sClass = 'icon-file-pdf';
|
||||
// }
|
||||
// else if (-1 < Utils.inArray(aParts[1], [
|
||||
// 'exe', 'x-exe', 'x-winexe', 'bat'
|
||||
// ]))
|
||||
// {
|
||||
// sClass = 'icon-console';
|
||||
// }
|
||||
else if (-1 < Utils.inArray(aParts[1], [
|
||||
'rtf', 'msword', 'vnd.msword', 'vnd.openxmlformats-officedocument.wordprocessingml.document',
|
||||
'vnd.openxmlformats-officedocument.wordprocessingml.template',
|
||||
|
|
@ -195,7 +195,7 @@ AttachmentModel.prototype.iconClass = function ()
|
|||
'vnd.ms-word.template.macroEnabled.12'
|
||||
]))
|
||||
{
|
||||
sClass = 'icon-file-word';
|
||||
sClass = 'icon-file-text';
|
||||
}
|
||||
else if (-1 < Utils.inArray(aParts[1], [
|
||||
'excel', 'ms-excel', 'vnd.ms-excel',
|
||||
|
|
@ -220,7 +220,7 @@ AttachmentModel.prototype.iconClass = function ()
|
|||
'vnd.ms-powerpoint.slideshow.macroEnabled.12'
|
||||
]))
|
||||
{
|
||||
sClass = 'icon-file-powerpoint';
|
||||
sClass = 'icon-file-chart-graph';
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -272,7 +272,7 @@ FolderModel.prototype.isUnpaddigFolder = false;
|
|||
FolderModel.prototype.collapsedCss = function ()
|
||||
{
|
||||
return this.hasSubScribedSubfolders() ?
|
||||
(this.collapsed() ? 'icon-arrow-right-3 e-collapsed-sign' : 'icon-arrow-down-3 e-collapsed-sign') : 'icon-none e-collapsed-sign';
|
||||
(this.collapsed() ? 'icon-right-mini e-collapsed-sign' : 'icon-down-mini e-collapsed-sign') : 'icon-none e-collapsed-sign';
|
||||
};
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -56,11 +56,11 @@ function MessageModel()
|
|||
sClass = 'icon-file-zip';
|
||||
break;
|
||||
case 'doc':
|
||||
sClass = 'icon-file';
|
||||
break;
|
||||
case 'pdf':
|
||||
sClass = 'icon-file-pdf';
|
||||
sClass = 'icon-file-text';
|
||||
break;
|
||||
// case 'pdf':
|
||||
// sClass = 'icon-file-pdf';
|
||||
// break;
|
||||
}
|
||||
}
|
||||
return sClass;
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
@import "../../vendors/bootstrap/less/progress-bars.less";
|
||||
@import "../../vendors/bootstrap/less/utilities.less";
|
||||
|
||||
@import "_IcoMoonToBoot.less";
|
||||
@import "_FontasticToBoot.less";
|
||||
@import "_BootstrapFix.less";
|
||||
@import "_InputosaurusFix.less";
|
||||
|
||||
|
|
|
|||
108
dev/Styles/_FontasticToBoot.less
Normal file
108
dev/Styles/_FontasticToBoot.less
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
line-height: 17px;
|
||||
font-size: 16px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
.icon-folder, .icon-folder-add, .icon-address-book, .icon-list {
|
||||
line-height: 18px;
|
||||
font-size: 18px;
|
||||
margin-top: -2px;
|
||||
margin-left: -2px;
|
||||
}
|
||||
|
||||
/* White icons with optional class, or on hover/active states of certain elements */
|
||||
.icon-white,
|
||||
.nav > .active > a > [class^="icon-"],
|
||||
.nav > .active > a > [class*=" icon-"] {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.g-ui-menu .e-item:hover [class^="icon-"],
|
||||
.g-ui-menu .e-item:hover [class*=" icon-"] {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.icon-none {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
.icon-checkbox-checked, .icon-checkbox-unchecked, .icon-checkbox-partial, .icon-radio-checked, .icon-radio-unchecked {
|
||||
cursor: pointer;
|
||||
color: #555;
|
||||
font-size: 1em;
|
||||
|
||||
&:hover, &:active {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-white {
|
||||
&.icon-checkbox-checked, &.icon-checkbox-unchecked, &.icon-checkbox-partial, &.icon-radio-checked, &.icon-radio-unchecked {
|
||||
color: #eee;
|
||||
|
||||
&:hover, &:active {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.denied-by-browser {
|
||||
cursor: default;
|
||||
.icon-checkbox-checked, icon-checkbox-unchecked {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
.right-mini, .down-mini {
|
||||
width: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotation {
|
||||
from {-webkit-transform: rotate(0deg);}
|
||||
to {-webkit-transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
@-moz-keyframes rotation {
|
||||
from {-moz-transform: rotate(0deg);}
|
||||
to {-moz-transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
@keyframes rotation {
|
||||
from {transform: rotate(0deg);}
|
||||
to {transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
.icon-spinner {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
|
||||
&:before {
|
||||
font-size: 16px;
|
||||
line-height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
html.no-cssanimations .icon-spinner {
|
||||
background-image: url('@{sync-file-stop}');
|
||||
background-repeat: no-repeat;
|
||||
font-family: Arial;
|
||||
&:before {
|
||||
content: "";
|
||||
}
|
||||
&.animated {
|
||||
background-image: url('@{sync-file}');
|
||||
}
|
||||
}
|
||||
|
||||
html.cssanimations .icon-spinner.animated {
|
||||
-webkit-animation: rotation 1s infinite linear;
|
||||
-moz-animation: rotation 1s infinite linear;
|
||||
animation: rotation 1s infinite linear;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue