diff --git a/src/components/inputnumber/InputNumber.vue b/src/components/inputnumber/InputNumber.vue index 4a18459bc..87ae0e3fb 100755 --- a/src/components/inputnumber/InputNumber.vue +++ b/src/components/inputnumber/InputNumber.vue @@ -626,8 +626,8 @@ export default { flex: 0 0 auto; } -.p-inputnumber-buttons-stacked .p-inputnumber-button .p-button-text, -.p-inputnumber-buttons-horizontal .p-inputnumber-button .p-button-text { +.p-inputnumber-buttons-stacked .p-inputnumber-button .p-button-label, +.p-inputnumber-buttons-horizontal .p-inputnumber-button .p-button-label { display: none; } diff --git a/src/views/inputnumber/InputNumberDemo.vue b/src/views/inputnumber/InputNumberDemo.vue index 0cb13cea9..358b457bb 100755 --- a/src/views/inputnumber/InputNumberDemo.vue +++ b/src/views/inputnumber/InputNumberDemo.vue @@ -99,16 +99,17 @@ -
- - -
+ +
+ + +
@@ -148,10 +149,4 @@ export default { 'InputNumberDoc': InputNumberDoc } } - - - + \ No newline at end of file diff --git a/src/views/inputnumber/InputNumberDoc.vue b/src/views/inputnumber/InputNumberDoc.vue index 70aef106c..5456a1847 100755 --- a/src/views/inputnumber/InputNumberDoc.vue +++ b/src/views/inputnumber/InputNumberDoc.vue @@ -397,7 +397,7 @@ Vertical </div> </div> -<h3>Buttons</h3> +<h5>Buttons</h5> <div class="p-grid p-fluid"> <div class="p-field p-col-12 p-md-3"> <label for="stacked">Stacked</label> @@ -408,16 +408,17 @@ Vertical <InputNumber id="horizontal" v-model="value18" showButtons buttonLayout="horizontal" spinnerMode="horizontal" :step="0.25" decrementButtonClass="p-button-danger" incrementButtonClass="p-button-success" incrementButtonIcon="pi pi-plus" decrementButtonIcon="pi pi-minus" mode="currency" currency="EUR" /> </div> - <div class="p-field p-col-12 p-md-3"> - <label for="vertical">Vertical</label> - <InputNumber id="vertical" v-model="value19" mode="decimal" showButtons buttonLayout="vertical" spinnerMode="vertical" - decrementButtonClass="p-button-secondary" incrementButtonClass="p-button-secondary" incrementButtonIcon="pi pi-plus" decrementButtonIcon="pi pi-minus" /> - </div> <div class="p-field p-col-12 p-md-3"> <label for="minmax-buttons">Min-Max Boundaries</label> <InputNumber id="minmax-buttons" v-model="value20" mode="decimal" showButtons :min="0" :max="100" /> </div> </div> + +<div class="p-field p-col-12 p-md-3"> + <label for="vertical" style="display: block">Vertical</label> + <InputNumber id="vertical" v-model="value19" mode="decimal" showButtons buttonLayout="vertical" spinnerMode="vertical" style="width:4rem" + decrementButtonClass="p-button-secondary" incrementButtonClass="p-button-secondary" incrementButtonIcon="pi pi-plus" decrementButtonIcon="pi pi-minus" /> +</div>