From 90903d0f38d11ef41e2e4da0d7f7afdc3aa81e07 Mon Sep 17 00:00:00 2001
From: Ed Morales <emoralesb05@gmail.com>
Date: Thu, 14 Dec 2017 16:52:25 -0800
Subject: [PATCH] feat(json-formatter): support properly RTL (#1033)

---
 .../core/json-formatter/json-formatter.component.html       | 4 ++--
 .../core/json-formatter/json-formatter.component.scss       | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/platform/core/json-formatter/json-formatter.component.html b/src/platform/core/json-formatter/json-formatter.component.html
index 5162f4ddd9..feeecec418 100644
--- a/src/platform/core/json-formatter/json-formatter.component.html
+++ b/src/platform/core/json-formatter/json-formatter.component.html
@@ -9,8 +9,8 @@
     <span *ngIf="key" class="key">{{key}}:</span>
     <span class="value">
       <span [class.td-empty]="!hasChildren()" *ngIf="isObject()" [matTooltip]="getPreview()" matTooltipPosition="after">
-        <span>{{getObjectName()}}</span>
-        <span *ngIf="isArray()">[{{data.length}}]</span>
+        <span class="td-object-name">{{getObjectName()}}</span>
+        <span class="td-array-length" *ngIf="isArray()">[{{data.length}}]</span>
       </span>
       <span *ngIf="!isObject()" [class]="getType(data)">{{getValue(data)}}</span>
     </span>
diff --git a/src/platform/core/json-formatter/json-formatter.component.scss b/src/platform/core/json-formatter/json-formatter.component.scss
index 8060f0c099..aa4c088621 100644
--- a/src/platform/core/json-formatter/json-formatter.component.scss
+++ b/src/platform/core/json-formatter/json-formatter.component.scss
@@ -1,5 +1,11 @@
 :host {
   display: block;
+  .function:after,
+  .date:after,
+  .td-object-name:after,
+  .td-array-length:after {
+    content: "\200E‎";
+  }
 }
 .td-json-formatter-wrapper {
   padding-top: 2px;