feat(json-formatter): support properly RTL (#1033)

Teradata · Dec 15, 2017 · 90903d0 · 90903d0
1 parent e006105
commit 90903d0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git 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
@@ -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;