breadcrumb char change

client/modules/crm/res/templates/lead/convert.tpl

@@ -1,8 +1,8 @@
 <div class="page-header">
     <h3><a href='#Lead'>{{translate scope category='scopeNamesPlural'}}</a>
-    &raquo
+    <span class="breadcrumb-separator"><span class="chevron-right"></span></span>
     <a href='#Lead/view/{{this.model.id}}'>{{get this.model 'name'}}</a>
-    &raquo
+    <span class="breadcrumb-separator"><span class="chevron-right"></span></span>
     {{translate 'convert' scope='Lead'}}</h3>
 </div>
 

client/res/templates/admin/entity-manager/index.tpl

@@ -1,4 +1,6 @@
-<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Entity Manager' scope='Admin'}}</h3></div>
+<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Entity Manager' scope='Admin'}}</h3></div>
 
 <div class="button-container">
     <button class="btn btn-primary" data-action="createEntity">{{translate 'Create Entity' scope='Admin'}}</button>

client/res/templates/admin/extensions/index.tpl

@@ -1,4 +1,6 @@
-<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Extensions' scope='Admin'}}</h3></div>
+<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Extensions' scope='Admin'}}</h3></div>
 
 <div class="panel panel-default upload">
     <div class="panel-heading">

client/res/templates/admin/field-manager/index.tpl

@@ -1,11 +1,11 @@
 <div class="page-header">
     <h3>
         <a href="#Admin">{{translate 'Administration'}}</a>
-        &raquo
+        <span class="breadcrumb-separator"><span class="chevron-right"></span></span>
         <a href="#Admin/entityManager">{{translate 'Entity Manager' scope='Admin'}}</a>
-        &raquo
+        <span class="breadcrumb-separator"><span class="chevron-right"></span></span>
         {{translate scope category='scopeNames'}}
-        &raquo
+        <span class="breadcrumb-separator"><span class="chevron-right"></span></span>
         {{translate 'Fields' scope='EntityManager'}}
     </h3>
 </div>
@@ -17,7 +17,3 @@
         </div>
     </div>
 </div>
-
-
-
-

client/res/templates/admin/integrations/index.tpl

@@ -1,4 +1,6 @@
-<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Integrations' scope='Admin'}}</h3></div>
+<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Integrations' scope='Admin'}}</h3></div>
 
 <div class="row">
     <div id="integrations-menu" class="col-sm-3">

client/res/templates/admin/label-manager/index.tpl

@@ -1,4 +1,6 @@
-<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Label Manager' scope='Admin'}}</h3></div>
+<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Label Manager' scope='Admin'}}</h3></div>
 
 <div class="row">
     <div class="col-sm-3">

client/res/templates/admin/layouts/index.tpl

@@ -1,4 +1,6 @@
-<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Layout Manager' scope='Admin'}}</h3></div>
+<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Layout Manager' scope='Admin'}}</h3></div>
 
 <div class="row">
     <div id="layouts-menu" class="col-sm-3">
@@ -31,7 +33,3 @@
         </div>
     </div>
 </div>
-
-
-
-

client/res/templates/admin/link-manager/index.tpl

@@ -1,11 +1,11 @@
 <div class="page-header">
     <h3>
         <a href="#Admin">{{translate 'Administration'}}</a>
-        &raquo
+        <span class="breadcrumb-separator"><span class="chevron-right"></span></span>
         <a href="#Admin/entityManager">{{translate 'Entity Manager' scope='Admin'}}</a>
-        &raquo
+        <span class="breadcrumb-separator"><span class="chevron-right"></span></span>
         {{translate scope category='scopeNames'}}
-        &raquo
+        <span class="breadcrumb-separator"><span class="chevron-right"></span></span>
         {{translate 'Relationships' scope='EntityManager'}}
     </h3>
 </div>

client/res/templates/admin/settings/headers/authentication.tpl

@@ -1 +1 @@
-<h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Authentication' scope='Admin'}}</h3>
+<h3><a href="#Admin">{{translate 'Administration'}}</a> <span class="breadcrumb-separator"><span class="chevron-right"></span></span> {{translate 'Authentication' scope='Admin'}}</h3>

client/res/templates/admin/settings/headers/currency.tpl

@@ -1 +1 @@
-<h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Currency' scope='Admin'}}</h3>
+<h3><a href="#Admin">{{translate 'Administration'}}</a> <span class="breadcrumb-separator"><span class="chevron-right"></span></span> {{translate 'Currency' scope='Admin'}}</h3>

client/res/templates/admin/settings/headers/inbound-emails.tpl

@@ -1 +1,3 @@
-<h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Inbound Emails' scope='Admin'}}</h3>
+<h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Inbound Emails' scope='Admin'}}</h3>

client/res/templates/admin/settings/headers/jobs-settings.tpl

@@ -1 +1,3 @@
-<h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Jobs' category='labels' scope='Admin'}}</h3>
+<h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Jobs' category='labels' scope='Admin'}}</h3>

client/res/templates/admin/settings/headers/notifications.tpl

@@ -1 +1,3 @@
-<h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Notifications' scope='Admin'}}</h3>
+<h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Notifications' scope='Admin'}}</h3>

client/res/templates/admin/settings/headers/outbound-emails.tpl

@@ -1 +1,3 @@
-<h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Outbound Emails' scope='Admin'}}</h3>
+<h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Outbound Emails' scope='Admin'}}</h3>

client/res/templates/admin/settings/headers/settings.tpl

@@ -1 +1,3 @@
-<h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Settings' scope='Admin'}}</h3>
+<h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Settings' scope='Admin'}}</h3>

client/res/templates/admin/settings/headers/user-interface.tpl

@@ -1 +1,3 @@
-<h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'User Interface' scope='Admin'}}</h3>
+<h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'User Interface' scope='Admin'}}</h3>

client/res/templates/admin/system-requirements/index.tpl

@@ -1,4 +1,6 @@
-<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'System Requirements' scope='Admin'}}</h3></div>
+<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> 
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'System Requirements' scope='Admin'}}</h3></div>
 
 <div class="panel panel-default">
     <table class="table table-striped">

client/res/templates/admin/template-manager/index.tpl

@@ -1,4 +1,6 @@
-<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Template Manager' scope='Admin'}}</h3></div>
+<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Template Manager' scope='Admin'}}</h3></div>
 
 <div class="row">
     <div class="col-sm-3">

client/res/templates/admin/upgrade/index.tpl

@@ -1,4 +1,6 @@
-<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Upgrade' scope='Admin'}}</h3></div>
+<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Upgrade' scope='Admin'}}</h3></div>
 
 <div class="row">
 <div class="col-md-8">

client/src/views/main.js

@@ -111,7 +111,8 @@ define('views/main', 'view', function (Dep) {
                 a.push('<div class="breadcrumb-item">' + item + '</div>');
             }, this);
 
-            return '<div class="header-breadcrumbs">' + a.join('<div class="breadcrumb-separator">&rsaquo;</div>') + '</div>';
+            return '<div class="header-breadcrumbs">' +
+                a.join('<div class="breadcrumb-separator"><span class="chevron-right"></span></div>') + '</div>';
         },
 
         getHeaderIconHtml: function () {

client/src/views/modals/detail.js

@@ -225,7 +225,7 @@ define('views/modals/detail', 'views/modal', function (Dep) {
             this.headerHtml += this.getLanguage().translate(scope, 'scopeNames');
 
             if (model.get('name')) {
-                this.headerHtml += ' » ' + Handlebars.Utils.escapeExpression(model.get('name'));
+                this.headerHtml += ' <span class="chevron-right"></span> ' + Handlebars.Utils.escapeExpression(model.get('name'));
             }
             if (!this.fullFormDisabled) {
                 this.headerHtml = '<a href="#' + scope + '/view/' + this.id+'" class="action font-size-flexible" title="'+this.translate('Full Form')+'" data-action="fullForm">' + this.headerHtml + '</a>';

frontend/less/espo/custom.less

@@ -289,6 +289,14 @@ label {
     margin-bottom: 10px;
 }
 
+.chevron-right {
+    &::before {
+        content: "\203A";
+        display: inline-block;
+    }
+    padding: 0 0.1em;
+}
+
 .page-header {
     margin: 10px 0;
     border-bottom: 0;
@@ -373,7 +381,7 @@ label {
 
         .header-breadcrumbs {
             .breadcrumb-separator {
-                padding: 0 8px;
+                padding: 0 0.26em;
             }
 
             .breadcrumb-item,