Swap increment/decrement spin buttons when RTL

This commit is contained in:
Bryan Housel
2017-08-06 22:00:30 -04:00
parent 27113f7599
commit 3e168935d1
2 changed files with 12 additions and 10 deletions
+3 -3
View File
@@ -1465,12 +1465,12 @@ input[type=number] {
.spin-control button.decrement {
border-bottom-right-radius: 3px;
}
[dir='rtl'] .spin-control button.decrement{
[dir='rtl'] .spin-control button.decrement {
border-bottom-right-radius: 0;
right: 0;
}
[dir='rtl'] .spin-control button.increment{
[dir='rtl'] .spin-control button.increment {
border-bottom-left-radius: 3px;
right: 0;
}
.spin-control button.decrement::after,
+9 -7
View File
@@ -1,7 +1,7 @@
import * as d3 from 'd3';
import { t } from '../../util/locale';
import { dataPhoneFormats } from '../../../data/index';
import { services } from '../../services/index';
import { t, textDirection } from '../../util/locale';
import { dataPhoneFormats } from '../../../data';
import { services } from '../../services';
import {
utilGetSetValue,
utilNoAuto,
@@ -52,6 +52,8 @@ export function uiFieldText(field, context) {
});
} else if (field.type === 'number') {
var rtl = (textDirection === 'rtl');
input.attr('type', 'text');
var spinControl = selection.selectAll('.spin-control')
@@ -63,14 +65,14 @@ export function uiFieldText(field, context) {
enter
.append('button')
.datum(-1)
.attr('class', 'decrement')
.datum(rtl ? 1 : -1)
.attr('class', rtl ? 'increment' : 'decrement')
.attr('tabindex', -1);
enter
.append('button')
.datum(1)
.attr('class', 'increment')
.datum(rtl ? -1 : 1)
.attr('class', rtl ? 'decrement' : 'increment')
.attr('tabindex', -1);
spinControl = spinControl