Fix rtl for tooltip-illustrations, replace 'done' with next icon

openstreetmap · Mar 24, 2017 · 424ad63 · 424ad63
1 parent 7432db7
commit 424ad63
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/css/80_app.css b/css/80_app.css
@@ -3673,6 +3673,10 @@ img.tile-removing {
     margin-left: -20px;
     margin-top: -10px;
 }
+[dir='rtl'] .tooltip-illustration {
+    margin-left: auto;
+    margin-right: -20px;
+}
 
 .huge-modal-button {
     width: 100%;

diff --git a/modules/ui/intro/intro.js b/modules/ui/intro/intro.js
@@ -1,5 +1,5 @@
 import * as d3 from 'd3';
-import { t } from '../../util/locale';
+import { t, textDirection } from '../../util/locale';
 import { localNames } from './helper';
 
 import { coreGraph } from '../../core/graph';
@@ -128,7 +128,7 @@ export function uiIntro(context) {
         entered
             .append('span')
             .attr('class', 'status')
-            .text(' - ' + t('intro.done'));
+            .call(svgIcon((textDirection === 'rtl' ? '#icon-backward' : '#icon-forward'), 'inline'));
 
         enter(chapters[0]);