Fix number-field with controls right alignment

vaadin · Jun 22, 2019 · 8704b18 · 8704b18
1 parent 68a9eba
commit 8704b18
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 1 deletion.
diff --git a/test/visual/screens/vaadin-text-field/number-field-lumo/number-field/chrome.png b/test/visual/screens/vaadin-text-field/number-field-lumo/number-field/chrome.png
diff --git a/.../visual/screens/vaadin-text-field/number-field-material/number-field/chrome.png b/.../visual/screens/vaadin-text-field/number-field-material/number-field/chrome.png
diff --git a/test/visual/vaadin-number-field/number-field.html b/test/visual/vaadin-number-field/number-field.html
@@ -29,5 +29,7 @@
       <vaadin-number-field has-controls></vaadin-number-field>
     <p>
       <vaadin-number-field value="10" has-controls></vaadin-number-field>
+    <p>
+      <vaadin-number-field value="10" has-controls theme="align-right"></vaadin-number-field>
   </fieldset>
 </body>
diff --git a/theme/lumo/vaadin-number-field-styles.html b/theme/lumo/vaadin-number-field-styles.html
@@ -9,7 +9,7 @@
         width: 8em;
       }
 
-      :host([has-controls]) [part="value"] {
+      :host([has-controls]:not([theme~="align-right"])) [part="value"] {
         text-align: center;
       }