This allows for independence from a site's theme's implementation of Font Awesome. If they theme .fa.fa-something, that won't screw up .crm-i.fa-something.
----------------------------------------
* CRM-16415:
https://issues.civicrm.org/jira/browse/CRM-16415
background-image: url("../i/icons/jquery-ui-8A1F11.png");
}
-.crm-container .fa.icon-red {
+/* Font Awesome */
+
+/* Direct copy of .fa from font-awesome.css
+This is separate to avoid conflict with a site theme's implementation of FA. */
+.crm-i {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ transform: translate(0, 0);
+}
+
+.crm-i.crm-i-red {
color: #8A1F11;
}
+.crm-i.crm-i-blue {
+ color: #6177D5;
+}
+
.crm-container .inform-icon {
background-position: -16px -144px;
margin-right: 5px;
<tr class="crm-admin-options-form-block-value">
<td class="label">{$form.value.label}</td>
<td>{$form.value.html}<br />
- <span class="description"><i class="fa fa-exclamation-triangle"></i> {ts}Changing the Value field will unlink records which have been marked with this option. This change can not be undone except by restoring the previous value.{/ts}</span>
+ <span class="description"><i class="crm-i fa-exclamation-triangle"></i> {ts}Changing the Value field will unlink records which have been marked with this option. This change can not be undone except by restoring the previous value.{/ts}</span>
</td>
</tr>
{/if}
.addClass('crm-error')
.css('width', '82%')
.attr('title', msg)
- .before('<i class="fa fa-exclamation-triangle icon-red" title="'+msg+'"></i> ')
+ .before('<i class="crm-i fa-exclamation-triangle crm-i-red" title="'+msg+'"></i> ')
.tooltip();
}
}
{else}
<div id="help">
{ts}CiviCRM stores configurable choices for various drop-down fields as 'option groups'. You can click <strong>Options</strong> to view the available choices.{/ts}
- <p><i class="fa fa-exclamation-triangle"></i> {ts}WARNING: Many option groups are used programatically and values should be added or modified with caution.{/ts}</p>
+ <p><i class="crm-i fa-exclamation-triangle"></i> {ts}WARNING: Many option groups are used programatically and values should be added or modified with caution.{/ts}</p>
</div>
{/if}
</div>
{if $batchAmountMismatch}
<div class="status message status-warning">
- <i class="fa fa-exclamation-triangle"></i> {ts}Total for amounts entered below does not match the expected batch total.{/ts}
+ <i class="crm-i fa-exclamation-triangle"></i> {ts}Total for amounts entered below does not match the expected batch total.{/ts}
</div>
<div class="crm-button crm-button_qf_Entry_upload_force-save">
{$form._qf_Entry_upload_force.html}
if (interview.errors[error]) errorList = errorList + '<li>' + interview.errors[error] + '</li>';
}
if ( errorList ) {
- var allErrors = '<i class="
fa fa-exclamation-triangle icon-red"></i> ' + ts('Please correct the following errors in the survey fields below:') + '<ul>' + errorList + '</ul>';
+ var allErrors = '<i class="
crm-i fa-exclamation-triangle crm-i-red"></i> ' + ts('Please correct the following errors in the survey fields below:') + '<ul>' + errorList + '</ul>';
CRM.$('#responseErrors').show( ).html(allErrors);
}
}
*}
{if !empty($participantData)}
<div class="messages status no-popup">
- <i class="fa fa-exclamation-triangle"></i>
+ <i class="crm-i fa-exclamation-triangle"></i>
{ts}There are participants registered for repeating events being removed from the set. Those with participants will be converted to standalone events, and those without registration will be deleted.{/ts}
</div>
<table class="display">
{$form.group_id.html}
<span><a href="#" onclick="toggleContactRefFilter('Advance'); return false;">{ts}Advanced Filter{/ts}</a></span>
{capture assign=searchPreferences}{crmURL p="civicrm/admin/setting/search" q="reset=1"}{/capture}
- <div class="messages status no-popup"><i class="
fa fa-exclamation-triangle"></i> {ts 1=$searchPreferences}If you are planning on using this field in front-end profile, event registration or contribution forms, you should 'Limit List to Group' or configure an 'Advanced Filter' (so that you do not unintentionally expose your entire set of contacts). Users must have either 'access contact reference fields' OR 'access CiviCRM' permission in order to use contact reference autocomplete fields. You can assign 'access contact reference fields' to the anonymous role if you want un-authenticated visitors to use this field. Use <a href='%1'>Search Preferences - Contact Reference Options</a> to control the fields included in the search results.{/ts}
+ <div class="messages status no-popup"><i class="
crm-i fa-exclamation-triangle"></i> {ts 1=$searchPreferences}If you are planning on using this field in front-end profile, event registration or contribution forms, you should 'Limit List to Group' or configure an 'Advanced Filter' (so that you do not unintentionally expose your entire set of contacts). Users must have either 'access contact reference fields' OR 'access CiviCRM' permission in order to use contact reference autocomplete fields. You can assign 'access contact reference fields' to the anonymous role if you want un-authenticated visitors to use this field. Use <a href='%1'>Search Preferences - Contact Reference Options</a> to control the fields included in the search results.{/ts}
</td>
</tr>
<tr id='field_advance_filter'>
}
if ( showError ) {
- cj('#validate_pricefield').show().html("<i class="fa fa-exclamation-triangle icon-red"></i>{/literal} {ts escape='js'}This Option is already full for this event.{/ts}{literal}");
+ cj('#validate_pricefield').show().html("<i class="crm-i fa-exclamation-triangle crm-i-red"></i>{/literal} {ts escape='js'}This Option is already full for this event.{/ts}{literal}");
}
else {
cj('#validate_pricefield').hide( ).html('');
{if ($snippet !== 'json') and !$suppressForm and count($form.errors) gt 0}
<div class="messages crm-error">
- <i class="fa fa-exclamation-triangle icon-red"></i>
+ <i class="crm-i fa-exclamation-triangle crm-i-red"></i>
{ts}Please correct the following errors in the form fields below:{/ts}
<ul id="errorList">
{foreach from=$form.errors key=errorName item=error}
@import url({$config->resourceBase}bower_components/font-awesome/css/font-awesome.min.css);
</style>
{/if}
-<div class="messages status no-popup"> <i class="fa fa-exclamation-triangle icon-red"></i>
+<div class="messages status no-popup"> <i class="crm-i fa-exclamation-triangle crm-i-red"></i>
<span class="status-fatal">{ts}Sorry but we are not able to provide this at the moment.{/ts}</span>
<div class="crm-section crm-error-message">{$message}</div>
{if $error.message && $message != $error.message}
projects / civicrm-core.git / commitdiff