Merge pull request #85 from ovh-ux/bugfix/numeric-center-text

jimmyfortinx · web-flow · commit e3917d51e7ab · 2017-09-25T14:08:48.000-04:00
bugfix(input-group): center numeric input text
diff --git a/packages/oui-input-group/README.md b/packages/oui-input-group/README.md
@@ -137,7 +137,10 @@ Define the base styles for an input-group for a numeric field.
 
 ```less
 .input-group-numeric(
-  @width: Number
+  @icon-selector: Class,
+  @input-selector: Class,
+  @width: Number,
+  @icon-size: Number
 )
 ```
 
diff --git a/packages/oui-input-group/_mixins.less b/packages/oui-input-group/_mixins.less
@@ -144,6 +144,7 @@
 
   .input-group-numeric(
     @icon-selector,
+    @input-selector,
     @width: @oui-input-group-numeric-width,
     @icon-size: @oui-input-group-numeric-icon-size
   ) {
@@ -153,5 +154,9 @@
     .@{icon-selector}::before {
       font-size: @icon-size;
     }
+
+    .@{input-selector} {
+      text-align: center;
+    }
   }
 }
diff --git a/packages/oui-input-group/input-group.less b/packages/oui-input-group/input-group.less
@@ -16,6 +16,6 @@
   }
 
   &_numeric {
-    #oui > .input-group-numeric(@oui-icon-selector);
+    #oui > .input-group-numeric(@oui-icon-selector, @oui-input-selector);
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -144,6 +144,7 @@`
`144`	`144`
`145`	`145`	`.input-group-numeric(`
`146`	`146`	`@icon-selector,`
	`147`	`+ @input-selector,`
`147`	`148`	`@width: @oui-input-group-numeric-width,`
`148`	`149`	`@icon-size: @oui-input-group-numeric-icon-size`
`149`	`150`	`) {`
`@@ -153,5 +154,9 @@`
`153`	`154`	`.@{icon-selector}::before {`
`154`	`155`	`font-size: @icon-size;`
`155`	`156`	`}`
	`157`	`+`
	`158`	`+ .@{input-selector} {`
	`159`	`+ text-align: center;`
	`160`	`+ }`
`156`	`161`	`}`
`157`	`162`	`}`
Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,6 @@`
`16`	`16`	`}`
`17`	`17`
`18`	`18`	`&_numeric {`
`19`		`- #oui > .input-group-numeric(@oui-icon-selector);`
	`19`	`+ #oui > .input-group-numeric(@oui-icon-selector, @oui-input-selector);`
`20`	`20`	`}`
`21`	`21`	`}`